body{background-color: #181820;} .btn,[class*=" btn-"],[class^=btn-]{display:inline-block;padding:.6rem 1.2rem;margin-bottom:.2rem;font-size:1.4rem;font-weight:400;border:1px solid transparent;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#4285F4;border-radius:3px;color:#fff;} .btn:hover,.btn:focus,.btn:active,.btn.active,[class*=" btn-"]:hover,[class*=" btn-"]:focus,[class*=" btn-"]:active,[class*=" btn-"].active,[class^=btn-]:hover,[class^=btn-]:focus,[class^=btn-]:active,[class^=btn-].active{background-color: #0099ff;-webkit-transition: color 0.25s,background-color 0.25s;-moz-transition: color 0.25s,background-color 0.25s;-o-transition: color 0.25s,background-color 0.25s;transition: color 0.25s,background-color 0.25s;box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,.3);} .btn.bg-default,.btn.bg-gray,.btn.bg-white,[class*=" btn-"].bg-default,[class*=" btn-"].bg-gray,[class*=" btn-"].bg-white,[class^=btn-].bg-default,[class^=btn-].bg-gray,[class^=btn-].bg-white,.btn-default{border-color:#C9C9C9;color: #555;} .btn.bg-default:hover,.btn.bg-default:focus,.btn.bg-default:active,.btn.bg-default.active,[class*=" btn-"].bg-default:hover,[class*=" btn-"].bg-default:focus,[class*=" btn-"].bg-default:active,[class*=" btn-"].bg-default.active,[class^=btn-].bg-default:hover,[class^=btn-].bg-default:focus,[class^=btn-].bg-default:active,[class^=btn-].bg-default.active,.btn.bg-gray:hover,.btn.bg-gray:focus,.btn.bg-gray:active,.btn.bg-gray.active,[class*=" btn-"].bg-gray:hover,[class*=" btn-"].bg-gray:focus,[class*=" btn-"].bg-gray:active,[class*=" btn-"].bg-gray.active,[class^=btn-].bg-gray:hover,[class^=btn-].bg-gray:focus,[class^=btn-].bg-gray:active,[class^=btn-].bg-gray.active,.btn.bg-white:hover,.btn.bg-white:focus,.btn.bg-white:active,.btn.bg-white.active,[class*=" btn-"].bg-white:hover,[class*=" btn-"].bg-white:focus,[class*=" btn-"].bg-white:active,[class*=" btn-"].bg-white.active,[class^=btn-].bg-white:hover,[class^=btn-].bg-white:focus,[class^=btn-].bg-white:active,[class^=btn-].bg-white.active,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{border-color:#C9C9C9;background-color: #dadada;color: #555;} .btn.bg-red:hover,.btn.bg-red:focus,.btn.bg-red:active,.btn.bg-red.active,[class*=" btn-"].bg-red:hover,[class*=" btn-"].bg-red:focus,[class*=" btn-"].bg-red:active,[class*=" btn-"].bg-red.active,[class^=btn-].bg-red:hover,[class^=btn-].bg-red:focus,[class^=btn-].bg-red:active,[class^=btn-].bg-red.active,.btn.bg-danger:hover,.btn.bg-danger:focus,.btn.bg-danger:active,.btn.bg-danger.active,[class*=" btn-"].bg-danger:hover,[class*=" btn-"].bg-danger:focus,[class*=" btn-"].bg-danger:active,[class*=" btn-"].bg-danger.active,[class^=btn-].bg-danger:hover,[class^=btn-].bg-danger:focus,[class^=btn-].bg-danger:active,[class^=btn-].bg-danger.active,.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{background-color: #a0151b;} .btn.bg-cyan:hover,.btn.bg-cyan:focus,.btn.bg-cyan:active,.btn.bg-cyan.active,[class*=" btn-"].bg-cyan:hover,[class*=" btn-"].bg-cyan:focus,[class*=" btn-"].bg-cyan:active,[class*=" btn-"].bg-cyan.active,[class^=btn-].bg-cyan:hover,[class^=btn-].bg-cyan:focus,[class^=btn-].bg-cyan:active,[class^=btn-].bg-cyan.active,.btn.bg-normal:hover,.btn.bg-normal:focus,.btn.bg-normal:active,.btn.bg-normal.active,[class*=" btn-"].bg-normal:hover,[class*=" btn-"].bg-normal:focus,[class*=" btn-"].bg-normal:active,[class*=" btn-"].bg-normal.active,[class^=btn-].bg-normal:hover,[class^=btn-].bg-normal:focus,[class^=btn-].bg-normal:active,[class^=btn-].bg-normal.active,.btn-normal:hover,.btn-normal:focus,.btn-normal:active,.btn-normal.active{background-color: #1e2c3c;} .btn.bg-black:hover,.btn.bg-black:focus,.btn.bg-black:active,.btn.bg-black.active,[class*=" btn-"].bg-black:hover,[class*=" btn-"].bg-black:focus,[class*=" btn-"].bg-black:active,[class*=" btn-"].bg-black.active,[class^=btn-].bg-black:hover,[class^=btn-].bg-black:focus,[class^=btn-].bg-black:active,[class^=btn-].bg-black.active{background-color: #2a2f3b;} .btn.bg-green:hover,.btn.bg-green:focus,.btn.bg-green:active,.btn.bg-green.active,[class*=" btn-"].bg-green:hover,[class*=" btn-"].bg-green:focus,[class*=" btn-"].bg-green:active,[class*=" btn-"].bg-green.active,[class^=btn-].bg-green:hover,[class^=btn-].bg-green:focus,[class^=btn-].bg-green:active,[class^=btn-].bg-green.active,.btn.bg-success:hover,.btn.bg-success:focus,.btn.bg-success:active,.btn.bg-success.active,[class*=" btn-"].bg-success:hover,[class*=" btn-"].bg-success:focus,[class*=" btn-"].bg-success:active,[class*=" btn-"].bg-success.active,[class^=btn-].bg-success:hover,[class^=btn-].bg-success:focus,[class^=btn-].bg-success:active,[class^=btn-].bg-success.active,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{background-color: #009688;} .btn.bg-orange:hover,.btn.bg-orange:focus,.btn.bg-orange:active,.btn.bg-orange.active,[class*=" btn-"].bg-orange:hover,[class*=" btn-"].bg-orange:focus,[class*=" btn-"].bg-orange:active,[class*=" btn-"].bg-orange.active,[class^=btn-].bg-orange:hover,[class^=btn-].bg-orange:focus,[class^=btn-].bg-orange:active,[class^=btn-].bg-orange.active,.btn.bg-warning:hover,.btn.bg-warning:focus,.btn.bg-warning:active,.btn.bg-warning.active,[class*=" btn-"].bg-warning:hover,[class*=" btn-"].bg-warning:focus,[class*=" btn-"].bg-warning:active,[class*=" btn-"].bg-warning.active,[class^=btn-].bg-warning:hover,[class^=btn-].bg-warning:focus,[class^=btn-].bg-warning:active,[class^=btn-].bg-warning.active,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{background-color: #b68023;} .btn-disabled,.btn-disabled:active,.btn-disabled:hover{border-color: #e6e6e6;background-color: #f1f1f1; color: #C9C9C9;cursor: not-allowed;opacity: 1;box-shadow:none;} .btn-radius{border-radius: 8px;} .btn-round{border-radius: 50%;padding: .6rem;height: 3rem;width: 3rem;} .btn-hollow,.btn-hollow:hover,.btn-hollow:focus,.btn-hollow:active{background-color: transparent;border-color: #4285f4;color: #4285f4;} .btn-hollow.default,.btn-hollow.default:hover,.btn-hollow.default:focus,.btn-hollow.default:active,.btn-hollow.gray,.btn-hollow.gray:hover,.btn-hollow.gray:focus,.btn-hollow.gray:active{border-color: #dadada;color:#dadada !important;} .btn-hollow.white,.btn-hollow.white:hover,.btn-hollow.white:focus,.btn-hollow.white:active{border-color: #ffffff;} .btn-hollow.cyan,.btn-hollow.cyan:hover,.btn-hollow.cyan:focus,.btn-hollow.cyan:active,.btn-hollow.normal,.btn-hollow.normal:hover,.btn-hollow.normal:focus,.btn-hollow.normal:active{border-color: #2F4056;} .btn-hollow.black,.btn-hollow.black:hover,.btn-hollow.black:focus,.btn-hollow.black:active{border-color: #393D49;} .btn-hollow.green,.btn-hollow.green:hover,.btn-hollow.green:focus,.btn-hollow.green:active,.btn-hollow.success,.btn-hollow.success:hover,.btn-hollow.success:focus,.btn-hollow.success:active{border-color: #5FB878;} .btn-hollow.orange,.btn-hollow.orange:hover,.btn-hollow.orange:focus,.btn-hollow.orange:active,.btn-hollow.warning,.btn-hollow.warning:hover,.btn-hollow.warning:focus,.btn-hollow.warning:active{border-color: #F7B824;} .btn-hollow.red,.btn-hollow.red:hover,.btn-hollow.red:focus,.btn-hollow.red:active,.btn-hollow.danger,.btn-hollow.danger:hover,.btn-hollow.danger:focus,.btn-hollow.danger:active{border-color: #FF5722;} .btn-hollow.btn-disabled,.btn-hollow.btn-disabled:hover,.btn-hollow.btn-disabled:active{border-color: #e6e6e6;color: #C9C9C9;} .btn-group,.btn-group:hover{position:relative;display: inline-flex;vertical-align: middle;padding: 0;border:none;border-radius:0;background-color:transparent;box-shadow:none} .btn-group .btn,.btn-group .btn:hover,.btn-group [class*=" btn-"],.btn-group [class^=btn-]{border-color:#ffffff !important;border-bottom: none;border-top: none;border-right:none;border-radius:0;} .btn-group .btn:first-child,.btn-group [class*=" btn-"]:first-child,.btn-group [class^=btn-]:first-child{border-left: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .btn-group .btn:last-child,.btn-group [class*=" btn-"]:last-child,.btn-group [class^=btn-]:last-child{border-right: none;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .btn-animate{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 0;cursor: pointer;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;transition: .3s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;outline: 0;-webkit-tap-highlight-color: transparent;width: 4.4rem;height: 4.4rem;} .btn-animate .menu{display: inline-block;height: 2px;width: 1.8rem;border-radius: .1rem;transition: .3s;background: #fff;position: relative;} .btn-animate .menu::before,.btn.btn-animate .menu::after {display: inline-block;height: 2px;transition: .3s;background: #fff;content: '';position: absolute;left: 0;-webkit-transform-origin: 1px center;transform-origin: 1px center;width: 1.8rem;} .btn-animate .menu::before {top: -.6rem;} .btn-animate .menu::after {top: .6rem;} .btn-animate.active .menu::before {-webkit-transform: rotate3d(0,0,1,45deg);transform: rotate3d(0,0,1,45deg);left:-.6rem;} .active.btn-animate.active .menu::after {-webkit-transform: rotate3d(0,0,1,-45deg);transform: rotate3d(0,0,1,-45deg);left:-.6rem;} .active.btn-animate.active .menu {/*-webkit-transform: scale3d(0.8,.8,.8);transform: scale3d(0.8,.8,.8);*/width: 0;background: transparent;} button.btn,button[class*=" btn-"],button[class^=btn-]{padding-top: .7rem;padding-bottom: .8rem} button.btn-sm{padding-top:.6rem;padding-bottom: .6rem;} button.btn-xs,button.btn-mini{padding-top:.3rem;padding-bottom: .4rem;} button.btn-big{padding-top:1.1rem;padding-bottom: 1.3rem;margin-bottom: .1rem} input.btn,input[class*=" btn-"],input[class^=btn-]{height: 3rem;border: none;padding-top:0;padding-bottom: 0} input.btn-sm{height: 2.4rem;margin-bottom: .1rem;} input.btn-xs,input.btn-mini{height: 2rem;margin-bottom: .1rem;} input.btn-big{height: 4rem;margin-bottom: .1rem;} [class*=" btn-"] [class*=" icon-"],[class*=" btn-"] [class^=icon-],[class^=btn-] [class*=" icon-"],[class^=btn-] [class^=icon-]{padding: 1px 5px 1px 0;} .btn-xxl{padding: 1.5rem 3rem;font-size: 1.8rem;} .btn-xl,.btn-big{padding: 1rem 2.5rem;font-size: 1.6rem;} .btn-sm{padding: 0.4rem 0.8rem;font-size: 1.2rem;} .btn-xs,.btn-mini{padding: 0.2rem 0.4rem;font-size: 1.2rem;} .btn-round.btn-xxl{padding: 2rem 0;width: 6rem;height: 6rem;} .btn-round.btn-xl,.btn-round.btn-big{padding: 1rem 0;width: 4rem;height: 4rem;} .btn-round.btn-sm,.btn-round.btn-xs{padding: .2rem 0;width: 2rem;height: 2rem;} .btn-round.btn-xs{transform: scale(0.8,0.8);} .btn-xs>[class*=" icon-"],.btn-xs>[class^=icon-]{font-size: 12px;} .hex{margin: 0 -0.5rem;} .hex-1, .hex-2, .hex-3, .hex-4, .hex-5, .hex-6, .hex-7, .hex-8, .hex-9, .hex-10, .hex-11, .hex-12{padding: 0 .5rem;} .nav-bar, .nav .this:after, .nav-tree .nav-itemed:after{background-color: #de2600;} .nav .nav-item a{padding: 0 15px;} .nav .nav-item.nav-release a,.nav .nav-item.nav-app a{color:#e54d42} .media{position: relative;} .media.loading{background-color: #000000;} .media.error{background-color: #000000;background-image: url(/templates/default/static/images/media-error.png) !important;} .top-nav{background-color: #161616;} .top-nav .nav{background-color: #161616;} .top-search{text-align:center} .top-search form{border:1px solid #000;border-radius:5px;box-shadow:inset 0 0 0 1px #272727;display:inline-block;font-size:0;position:relative;z-index:1} .top-search input{background:#222;background:-webkit-linear-gradient(#333,#222);background:-moz-linear-gradient(#333,#222);background:-o-linear-gradient(#333,#222);background:-ms-linear-gradient(#333,#222);background:linear-gradient(#333,#222);border:1px solid #444;border-radius:5px 0 0 5px;box-shadow:0 2px 0 #000;color:#888;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;margin:0;padding:0 10px;text-shadow:0 -1px 0 #000;width:200px} .ie .top-search input{line-height:40px} .top-search input::-webkit-input-placeholder{color:#888} .top-search input:-moz-placeholder{color:#888} .top-search input:focus{-webkit-animation:glow .8s ease-out infinite alternate;-moz-animation:glow .8s ease-out infinite alternate;-o-animation:glow .8s ease-out infinite alternate;-ms-animation:glow .8s ease-out infinite alternate;animation:glow .8s ease-out infinite alternate;background:#222922;background:-webkit-linear-gradient(#333933,#222922);background:-moz-linear-gradient(#333933,#222922);background:-o-linear-gradient(#333933,#222922);background:-ms-linear-gradient(#333933,#222922);background:linear-gradient(#333933,#222922);border-color:#393;box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000;color:#efe;outline:0} .top-search input:focus::-webkit-input-placeholder{color:#efe} .top-search input:focus:-moz-placeholder{color:#efe} .top-search button{background:#222;background:-webkit-linear-gradient(#333,#222);background:-moz-linear-gradient(#333,#222);background:-o-linear-gradient(#333,#222);background:-ms-linear-gradient(#333,#222);background:linear-gradient(#333,#222);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;border:1px solid #444;border-left-color:#000;border-radius:0 5px 5px 0;box-shadow:0 2px 0 #000;color:#fff;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:38px;line-height:38px;margin:0;padding:0;position:relative;text-shadow:0 -1px 0 #000;width:80px} .top-search button:focus,.top-search button:hover{background:#292929;background:-webkit-linear-gradient(#393939,#292929);background:-moz-linear-gradient(#393939,#292929);background:-o-linear-gradient(#393939,#292929);background:-ms-linear-gradient(#393939,#292929);background:linear-gradient(#393939,#292929);color:#de2600;outline:0} .top-search button:active{background:#292929;background:-webkit-linear-gradient(#393939,#292929);background:-moz-linear-gradient(#393939,#292929);background:-o-linear-gradient(#393939,#292929);background:-ms-linear-gradient(#393939,#292929);background:linear-gradient(#393939,#292929);box-shadow:0 1px 0 #000,inset 1px 0 1px #222;top:1px} .hot-search input{width: 300px;} .card{box-shadow: 0 0.1rem 0.2rem rgba(95,77,77,0.3);background-color: #161616;} .card .card-content{display: block;} .card .card-content .media,.card .card-content .video-preview{height: 194px !important;cursor:pointer;} .card .card-content .video-preview{position: absolute;width: 100%;top: 0;left: 0;height: 100%;display: none;} .card .card-content .video-preview video{width: 100%;height: 100%;object-fit: none;} .card .card-content .badge{position: absolute;right: 3px;top:3px;z-index: 1;} .card .card-content .duration{position: absolute;left: 3px;top:3px;right: auto;} .card .card-footer{height: 8rem;background-color: #161616;flex-flow: wrap;} .card .card-footer:before{content: none} .card .card-footer .title{-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #999;display: -webkit-box;-webkit-box-orient: vertical;width: 100%;overflow: hidden;} .card .card-footer .remark .channels{text-decoration:underline} .card-messages{width: 480px;max-width:80%;margin: 0 auto;box-shadow: 0 0.1rem 0.2rem rgba(95,77,77,0.5);} .card-messages a{color: #de2600;} .card-messages a:hover{text-decoration:underline;color: #ff4b25;} .card-messages .card-content{color: white;} .card-messages .card-header{background: #de2600;color: white;} .card-messages .card-footer{background-color: #2d2e34;height: 3rem;} .card-messages .card-header:after{background-color: #535353;} .narArts{margin-bottom:20px;position: relative;} .narArts .media{margin: 0;} .narArts .badge{position: absolute;right: 0;z-index: 3;border-radius: 0;} .narArts img{max-width:100%;width:100%} .narArts a{position:relative;display:block;color:#fff;height:inherit;} .narArts a:hover>.media{filter:brightness(.9);-webkit-filter:brightness(.9)} .narArts h1,.narArts h2{text-shadow:1px 1px 2px rgba(0,0,0,.75);bottom:0;margin-bottom:0;line-height:1.8;position:absolute;left:0;right:0;padding:12px 13px 3pt;color:#fff;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 35%,rgba(0,0,0,.3) 100%);-webkit-transition: all 0.25s;-moz-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;z-index: 2;} .narArts h1{font-size:18px;} .narArts h2{font-size:14px;} .narArts a:hover{background: rgba(0,0,0,.3)} .narArts a:hover h1,.narArts a:hover h2{padding-bottom:8px;top:0;white-space: normal;margin-top: 0;} .bg-red{background-color: #de2600;} .bg-black{background-color: #393D49;} .bg-grey {background-color: #8799a3;color: #ffffff;} .bg-green{background-color: #39b54a;} .bg-orange{background-color: #f37b1d;} .bg-yellow{background-color:#fbbd08} .bg-olive{background-color:#8dc63f} .bg-purple{background-color:#6739b6} .bg-mauve{background-color:#9c26b0} .bg-pink{background-color:#e03997} .bg-brown{background-color:#a5673f} .bg-grey{background-color:#8799a3} .bg-gray{background-color:#f0f0f0} .bg-black{background-color:#393d49} .center-title{padding:16px 0;text-align: center;} .center-title h2{background: #9fa3af;display: inline-block;zoom: 1;padding: 0 22px;} .center-title h2 a{background: #da0000;padding: 5px 10px;color: white;} .videos-related{overflow: hidden;height: 900px;} .videos-related.this{height: auto;} .show-videos-related-btn{padding-left: 6rem;padding-right: 6rem;margin-top: 2rem;} .comments .avatar{width: 50px;height: 50px;display: block;background-color: #941900;color: #fff;text-align: center;font-size: 2.4rem;line-height: 5rem;text-transform:uppercase;} .comments .username{text-decoration:underline} .comments .message{margin-left: 2rem;padding: 0 1rem;background-color: #212223;color: #dedede;} .comments .message p{word-break: break-all;} .profile-avatar{top:20px;left: 20px;box-shadow: 0 0.1rem 0.2rem rgba(95,77,77,0.3);} .profile{right: 20px;position: absolute;top: 50%;font-size: 2.4rem;color: white;text-shadow:#000 3px 4px 5px;line-height: 1rem;} .pagination li a{background-color: #2a323d;border: 1px solid #3b424c;color: #b5b8c2;} .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{background-color: #de2600;border-color: #de2600;color: #ffffff;} .pagination>li>.active,.pagination>li>.active:hover, .pagination>li>.active>a:focus, .pagination>li>.active>a:hover, .pagination>li>.active>span, .pagination>li>.active>span:focus, .pagination>li>.active>span:hover{background-color: #de2600;border-color: #de2600;} .footer{background: #23232b;height: auto;padding-bottom: 3rem;} .footer .main{height:auto;margin-bottom: -5px;} .friend-link{width:100%;padding:0 10px;margin:42px 0;} .friend-link a{font-size:12px;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:16.321%;height:25px;line-height:18px;background-color:#2A323D;color:#b5b8c2;float:left;text-align:center;margin:0 2px 2px 2px;border: 1px #3b424c solid;} .friend-link a:hover {background-color: #393d49;} .footer-bottom{width:100%;background-color:#212223;float:left;text-align:center;padding:2rem 0;color:#5e6775} .footer-bottom p{margin-top:5px;font-size:12px} #keywords .badge,.keywords .badge{margin-bottom: 5px;margin-right: 3px;} .hot-keywords .badge{margin-bottom: 3px;margin-right: 3px;height: 25px;line-height: 18px;font-size: 1.4rem;padding: 4px 6px;} .best-btn-box{margin: 0 -.5rem;height: 9.2rem;overflow: hidden;} .best-btn-box.this{height: auto;} .best-btn-box .btn,.best-btn-box [class*=" btn-"],.best-btn-box [class^=btn-]{margin: .171rem;width: 7.986%;} .best-btn-box .btn:hover,.best-btn-box [class*=" btn-"]:hover,.best-btn-box [class^=btn-]:hover,.best-btn-box .btn.this,.best-btn-box [class*=" btn-"].this,.best-btn-box [class^=btn-].this{background-color: #da0000;} .show-best-box-btn{position: relative;width: 260px;left: 50%;margin-left: -130px;} @-webkit-keyframes glow{0%{border-color:#941900;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000} 100%{border-color: #f12900;box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000} } @-moz-keyframes glow{0%{border-color:#941900;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000} 100%{border-color: #f12900;box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000} } @-o-keyframes glow{0%{border-color:#941900;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000} 100%{border-color: #f12900;box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000} } @-ms-keyframes glow{0%{border-color:#941900;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000} 100%{border-color: #f12900;box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000} } @keyframes glow{0%{border-color:#941900;box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000} 100%{border-color: #f12900;box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000} } .notice{height:19px;padding-left:10px;margin:8px 0;overflow:hidden;position:relative;cursor: pointer;} .notice b{line-height:19px;font-weight:700;display:inline-block;color:#c30505} .notice .notice-item{line-height:19px;display:inline-block;position:absolute;top:0;margin:0;color:#fff} .notice .notice-item a{color:#fff} .notice-model{position: fixed;width: 768px;height: 300px;top: 60px;left: 50%;transform: translateX(-50%);background: rgb(22 22 22 / 0.9);padding: 10px 20px;z-index: 999;display: none;counter-reset:li;box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,0.3);} .notice-model.this{display: block;} .notice-model .notice-close{position: absolute;right: 0;color: #ffffff;font-size: 18px;background-color: #bc0606;width: 20px;height: 20px;line-height: 18px;text-align: center;top: 0;cursor: pointer;} .notice-model .notice-close:hover{background-color: #900505;} .notice-model b{line-height:19px;font-weight:700;display:inline-block;color:#c30505;font-size: 18px;} .notice-model .notice-item{line-height:19px;font-size: 16px;color:#fff} .notice-model .notice-item li{position: relative;margin-left: 1em;line-height: 1.5em;} .notice-model .notice-item li:before{content: counter(li) ".";counter-increment: li;position: absolute;left: -1em;} .hot-channels-box{display: flex;flex-wrap: wrap;} .hot-channels-box .narArts{width: 8.33333333%;margin-bottom:0;} .hot-channels-box .narArts .media{height: 100px !important;} .hot-channels-box .narArts h2{font-size: 12px;opacity: .6;} .hot-channels-box .narArts a:hover h2{opacity:1} /*.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview{background-size: 960px 450px !important;}*/ .dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview{background-size:1740px 979px !important;} .dplayer-controller .dplayer-icons .dplayer-comment{display: none !important;} .dplayer-controller .dplayer-icons.dplayer-comment-box{display: none !important;} .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{animation-duration: 8s !important;} .control-bar{background-color:#232327;padding:8px;color: #efefef;} .danmaku-controller{margin-right:30px} .danmaku-controller label.switch input[type=checkbox]:checked+.checkbox{background:#2dbf42} .form-danmaku{position:relative;border-collapse:separate;text-align:left;padding:0} .form-danmaku .danmaku-setting{position:relative} .form-danmaku .danmaku-setting svg{width:25px;height:25px;margin-top:2px;margin-right:8px;color:#fff;cursor:pointer} .form-danmaku .danmaku-setting svg path{fill:#e8e8e8} .form-danmaku .danmaku-setting *{box-sizing:content-box} .form-danmaku .danmaku-setting .dplayer-comment-setting-box{position:absolute;background:rgba(28,28,28,.9);bottom:41px;left:0;box-shadow:0 0 25px rgba(0,0,0,.3);border-radius:4px;padding:10px 10px 16px;font-size:14px;width:204px;transition:all .3s ease-in-out;transform:scale(0);z-index:9} .form-danmaku .danmaku-setting .dplayer-comment-setting-box.dplayer-comment-setting-open{-webkit-transform:scale(1);transform:scale(1)} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color{font-size:0} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-title{font-size:13px;color:#fff;line-height:30px} .form-danmaku .danmaku-setting .dplayer-comment-setting-box label{cursor:pointer} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color label{font-size:0;padding:6px;display:inline-block} .form-danmaku .danmaku-setting .dplayer-comment-setting-box input[type=radio]{display:none} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type{font-size:0} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type label{display:inline;margin-bottom:0} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span{border-radius:4px 0 0 4px} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span{border-radius:0 4px 4px 0} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type span{width:33%;padding:4px 6px;line-height:16px;display:inline-block;font-size:12px;color:#fff;border:1px solid #fff;margin-right:-1px;box-sizing:border-box;text-align:center;cursor:pointer} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+span{background:#e4e4e6;color:#1c1c1c} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color{font-size:0} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color label{font-size:0;padding:6px;display:inline-block} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color span{width:22px;height:22px;display:inline-block;border-radius:50%;box-sizing:border-box;cursor:pointer} .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover{-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out} .form-danmaku input{border-top-right-radius:0;border-bottom-right-radius:0;color:#fff;min-width:300px;max-width:600px;border:1px solid #4c4a4a;border-right:none} .form-danmaku input:focus{border-color:#4c4a4a;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(55,57,59,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(55,57,59,.6)} .form-danmaku button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent;padding:3px 1.2rem;height:3rem;line-height:2.4rem;white-space:nowrap;vertical-align:middle;background-color:#da0000} .translate-source{font-size: 12px;color: #585e63;} .translate-source:before{display: inline-block;content: '[原文]';margin-right: 2px;} .card.card-help-tips{display: none;background-color: #751018;color: #aaa;} .card.card-help-tips .card-header:after{background-color: #9a8c8c;} .card.card-help-tips .card-help-tips-browser-name{color: #ffffff;padding: 0 5px} .card.card-help-tips .card-help-link{color: #ffffff;text-decoration: underline;} .card.card-help-tips .card-footer{height: 4rem;background-color: #4a090e;color: #cccccc;} .card.card-help-tips .card-content a{text-decoration: underline;padding: 0 .3rem;} .help-box .keynote{color: #e54d42;margin: 0 3px;} .help-box .card .card-header{color: #e54d42;font-size: 1.8rem;} .help-box .card .card-header:after{background-color: #313131;} .help-box .card .card-content{font-size: 16px;padding: 10px;color: #adadad;} .help-box ol{padding-left: 2rem;font-size: 14px;} .help-box ol li:before{content:"⬤";margin-top: .05em;margin-right: .5em;font-weight:400;color: #ffffff;} .help-box ol li{overflow:hidden;margin-bottom:10px} .help-box .help-tips{color: #6d6d6d;font-size: 13px;} .help-box .deprecated h3{margin-top: 2rem;margin-bottom: .5rem} .help-box .deprecated ol li{text-decoration:line-through;} .app-banner{display: block;position: relative;} .app-banner .app-banner-info{position: absolute;text-align: center;width: 100%;top:50%;transform: translateY(-50%)} .app-banner .app-banner-info h1{color: #fff;letter-spacing:2rem;font-size: 3.5rem;margin: 0;text-shadow: 0 7px 8px rgba(0,0,0,.8);} .app-banner .app-banner-info p{color: #fff;letter-spacing:.5rem;font-size: 2rem;margin-top: 0.5rem;margin-bottom: 0;text-shadow: 0 7px 8px rgba(0,0,0,.8);font-weight: bold;} .app-banner .app-banner-info p>span{margin: 0 5px;} .domain-tips{background-color: #8d0d0d;} .domain-tips-text{color: #fff;text-shadow: 0 3px 3px #751018;font-weight: bold;} .domain-tips-text-keynote{color: #fbbd08;display: inline-block;animation-duration:1.2s;animation-fill-mode:both;animation-timing-function: ease-in-out;animation-name: headShake;animation-iteration-count: infinite;} .dplayer-danmaku .dplayer-danmaku-item{text-shadow: 1px 0 1px #000000, 0 1px 1px #000000, 0 -1px 1px #000000, -1px 0 1px #000000 !important;} .dplayer.dplayer-arrow .dplayer-danmaku{font-size: 17px !important;} .items{background-color: #232323;} .items .item{padding:2rem 1rem;border-bottom:1px dashed #484848;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1);-o-transition:all .4s cubic-bezier(.175,.885,.32,1);transition:all .4s cubic-bezier(.175,.885,.32,1)} .items .item-heading{color: #e5e5e5;} .items .item-heading h1,.items .item-heading h2,.items .item-heading h3,.items .item-heading h4,.items .item-heading h5,.items .item-heading>h6{margin-top:0} .items .item-content{word-wrap:break-word;color:#969696} .items .item-content:after,.items .item-content:before{display:table;content:" "} .items .item-content:after{clear:both} .items .item-content>.media{width:100%;margin:5px 0;height:20%} .items .item-footer{padding-top:1rem;color:#626262;display:flex;justify-content:space-between} .items .item-footer>a{color:grey} .items .item>.media{margin:0 10px 0 0;display: inline-block;} .items .item>.media~.item-footer{margin-top:-2.2rem} .items .item:hover{background-color:#404040} .article-title{padding: 30px 0 10px 0;margin: 0;text-align: center;color: #e5e5e5} .article-info{text-align: center;color: #969696;} .article-info>span{margin: 0 10px;} .article-info>span:first-child{margin-left: 0;} .article-info>span:last-child{margin-right: 0;} .article-content{border-top:1px dashed #484848;border-bottom: 1px dashed #484848;font-size:1.4rem;padding: 10px 0;margin: 10px 0;color: #e5e5e5;overflow: hidden;width: 100%;} .article-content img{max-width: 60% !important;} .article-content table{max-width: 100%;width: auto !important;border: 1px solid #00000a;} .article-content table th, .article-content table td{padding: 9px 15px; min-height: 20px; line-height: 20px; border: 1px solid #00000a;} .article-content table tr{border: 1px solid #00000a;} .article-more{color: #858585;width: 100%;display: inline-table;} .article-more>div{width: 50%;display: inline-block;} .article-more>div:last-child{text-align: right;} .article-keywords{color: #686868;} .article-keywords a{margin:0 3px;} .article-keywords a:first-child{margin-left: 0} .article-keywords a:last-child{margin-right: 0} .article-right{margin-left: 2rem;width: 280px;} .article-right .article-right-title{padding-left: 12px;font-size: 16px;border-left: 4px solid #d22222;margin:1rem 0;color: #fff;} .article-right .items .item{padding: 1rem;} .article-right .items .item:last-child{border-bottom:none;} .article-right .items .item .media{min-height:60px;} .video-keyword{position: relative;display: inline-block;padding: 5px 10px;font-size: 12px;text-align: center;background-color: #282831;color: #fff;border-radius: 2px;margin-left: .5rem;} .video-keyword:hover{background-color: #3d3d47;} .video-username{background-color: #a50b0b;} .video-username:hover{background-color: #650404;} .video-username .badge{background-color: #650404;} .video-model{background-color: #650404;} .video-model:hover{background-color: #490303;} .video-model .badge{background-color: #a50b0b;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;list-style:none}html{font-size:62.5%}body{font-family:"微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Segoe UI",Arial,Verdana,Sans-Serif,sans-serif;padding:0;margin:0;font-size:1.2rem;color:#333;line-height:1.42857143}a{color:inherit;-webkit-transition:color .25s;-moz-transition:color .25s;-o-transition:color .25s;transition:color .25s;background-color:rgba(0,0,0,0);-webkit-text-decoration-skip:objects}a,a:hover,a:focus{text-decoration:none}a:active,a:hover{outline-width:0}h1,h2,h3,h4,h5,p,ul,a,span{font-family:"微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Hiragino Sans GB W3","Segoe UI",Arial,Verdana,Sans-Serif,sans-serif}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}table{border-collapse:collapse;border-spacing:0}hr{margin-top:25px;margin-bottom:25px;border:0;border-top:1px solid #d4d4d4}ul{padding-left:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{overflow:visible;box-sizing:content-box;height:0}pre{font-size:1em;font-family:monospace,monospace}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em;font-family:monospace,monospace}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none;vertical-align:middle}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:sans-serif;line-height:1.15}button,input{overflow:visible}input,textarea,select,button{text-transform:none;outline:0 none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item}canvas{display:inline-block}template,[hidden]{display:none}dd{-webkit-margin-start:0}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}blockquote{margin:1rem;padding:1rem}.sp_results>li{padding:6px !important}input.btn.sp_input{color:#0a001f;background-color:#ececec;padding-right:2.2rem;caret-color:rgba(0,0,0,0);border:none !important;box-shadow:0 .1rem .1rem rgba(0,0,0,.3) !important}input.btn.sp_input::-webkit-input-placeholder{color:#46474d}input.btn.sp_input~.sp_clear_btn{display:flex;align-items:center;padding:0}input.btn.sp_input.no-clear-btn~.sp_clear_btn{display:none !important}input.btn.sp_input:hover,input.btn.sp_input:focus,input.btn.sp_input.focus,input.btn.sp_input:active,input.btn.sp_input.active{background-color:#d3d3d3}.hex-12{width:100%}.hex-11{width:91.66666667%}.hex-10{width:83.33333333%}.hex-9{width:75%}.hex-8{width:66.66666667%}.hex-7{width:58.33333333%}.hex-6{width:50%}.hex-5{width:41.66666667%}.hex-4{width:33.33333333%}.hex-3{width:25%}.hex-2{width:16.66666667%}.hex-1{width:8.33333333%}.hex-1,.hex-2,.hex-3,.hex-4,.hex-5,.hex-6,.hex-7,.hex-8,.hex-9,.hex-10,.hex-11,.hex-12{float:left;padding:0 1rem;min-height:.01rem;position:relative}.hex{margin:0 -1rem;position:relative}.grid{display:flex;flex-wrap:wrap}.grid.grid-square{overflow:hidden}.grid.grid-square .cu-tag{position:absolute;right:0;top:0;border-bottom-left-radius:6px;padding:6px 12px;height:auto;background-color:rgba(0,0,0,.5)}.grid.grid-square>view>text[class*=cuIcon-]{font-size:52px;position:absolute;color:#8799a3;margin:auto;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.grid.grid-square>view{margin-right:20px;margin-bottom:20px;border-radius:6px;position:relative;overflow:hidden}.grid.grid-square>view.bg-img image{width:100%;height:100%;position:absolute}.grid.col-1.grid-square>view{padding-bottom:100%;height:0;margin-right:0}.grid.col-2.grid-square>view{padding-bottom:calc((100% - 20px)/2);height:0;width:calc((100% - 20px)/2)}.grid.col-3.grid-square>view{padding-bottom:calc((100% - 40px)/3);height:0;width:calc((100% - 40px)/3)}.grid.col-4.grid-square>view{padding-bottom:calc((100% - 60px)/4);height:0;width:calc((100% - 60px)/4)}.grid.col-5.grid-square>view{padding-bottom:calc((100% - 80px)/5);height:0;width:calc((100% - 80px)/5)}.grid.col-2.grid-square>view:nth-child(2n),.grid.col-3.grid-square>view:nth-child(3n),.grid.col-4.grid-square>view:nth-child(4n),.grid.col-5.grid-square>view:nth-child(5n){margin-right:0}.grid.col-1>div{width:100%}.grid.col-2>div{width:50%}.grid.col-3>div{width:33.33%}.grid.col-4>div{width:25%}.grid.col-5>div{width:20%}@font-face{font-family:"icons";src:url("./fonts/icons.woff") format("woff");font-weight:normal;font-style:normal}.dropdown-toggle:after,.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 rgba(0,0,0,0);border-left:4px solid rgba(0,0,0,0)}.icon-spin{-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}[class*=" icon-"],[class^=icon-],.icon,.table tr th.unsorted,.table tr th.sort-up,.table tr th.sort-down{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.2rem}.card-drop,.card-more{position:relative;top:1px;display:inline-block;font-family:icons;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-hex:before{content:""}.icon-laptop:before{content:""}.icon-desktop:before{content:""}.icon-desktop-o:before{content:""}.icon-display:before{content:""}.icon-tablet:before{content:""}.icon-mobile:before{content:""}.icon-phone:before{content:""}.icon-chip:before{content:""}.icon-server:before{content:""}.icon-camera-retro:before{content:""}.icon-camera:before{content:""}.icon-camera-o:before{content:""}.icon-keyboard:before{content:""}.icon-keyboard-o:before{content:""}.icon-usb:before{content:""}.icon-game:before{content:""}.icon-mouse:before{content:""}.icon-print:before{content:""}.icon-disk:before{content:""}.icon-save:before{content:""}.icon-database:before{content:""}.icon-database-o:before{content:""}.icon-microphone:before{content:""}.icon-microphone-o:before{content:""}.icon-microphone-off:before{content:""}.icon-blink:before{content:""}.icon-blink-o:before{content:""}.icon-happy:before{content:""}.icon-smile:before{content:""}.icon-frown:before{content:""}.icon-meh:before{content:""}.icon-steering:before{content:""}.icon-truck:before{content:""}.icon-car:before{content:""}.icon-taxi:before{content:""}.icon-train:before{content:""}.icon-ship:before{content:""}.icon-airplane:before{content:""}.icon-bicycle:before{content:""}.icon-anchor:before{content:""}.icon-key-l:before{content:""}.icon-key:before{content:""}.icon-key-o:before{content:""}.icon-lock:before{content:""}.icon-unlock:before{content:""}.icon-unlock-alt:before{content:""}.icon-location:before{content:""}.icon-location-o:before{content:""}.icon-location2:before{content:""}.icon-location2-o:before{content:""}.icon-location3:before{content:""}.icon-location4:before{content:""}.icon-earth:before{content:""}.icon-earth2:before{content:""}.icon-network:before{content:""}.icon-histogram:before{content:""}.icon-wifi:before{content:""}.icon-rss:before{content:""}.icon-link:before{content:""}.icon-unlink:before{content:""}.icon-node:before{content:""}.icon-node2:before{content:""}.icon-node3:before{content:""}.icon-wifi-full:before{content:""}.icon-wifi-not-full:before{content:""}.icon-wifi-check:before{content:""}.icon-signal-full:before{content:""}.icon-signal-not-full:before{content:""}.icon-signal-lock:before{content:""}.icon-node4:before{content:""}.icon-node-plus:before{content:""}.icon-node-minus:before{content:""}.icon-node-bad:before{content:""}.icon-node-signal:before{content:""}.icon-node-safe:before{content:""}.icon-signal:before{content:""}.icon-node-server:before{content:""}.icon-node-server-off:before{content:""}.icon-node-man:before{content:""}.icon-cc:before{content:""}.icon-cc-by:before{content:""}.icon-cc-nc:before{content:""}.icon-cc-nc-eu:before{content:""}.icon-cc-nc-cn:before{content:""}.icon-cc-nd:before{content:""}.icon-cc-pd:before{content:""}.icon-cc-sa:before{content:""}.icon-cc-remix:before{content:""}.icon-cc-sam:before{content:""}.icon-cc-sha:before{content:""}.icon-caret-down:before{content:""}.icon-caret-up:before{content:""}.icon-caret-left:before{content:""}.icon-caret-right:before{content:""}.icon-sort-down:before{content:""}.icon-sort-up:before{content:""}.icon-unsorted:before{content:""}.icon-unsorted-r:before{content:""}.icon-pause:before{content:""}.icon-angle-left:before{content:""}.icon-angle-right:before{content:""}.icon-angle-up:before{content:""}.icon-angle-down:before{content:""}.icon-angle-double-left:before{content:""}.icon-angle-double-right:before{content:""}.icon-angle-double-up:before{content:""}.icon-angle-double-down:before{content:""}.icon-previous:before{content:""}.icon-next:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-left-o:before{content:""}.icon-chevron-right-o:before{content:""}.icon-arrow-left-w:before{content:""}.icon-arrow-down-w:before{content:""}.icon-arrow-up-w:before{content:""}.icon-arrow-right-w:before{content:""}.icon-arrow-left-l:before{content:""}.icon-arrow-down-l:before{content:""}.icon-arrow-up-l:before{content:""}.icon-arrow-right-l:before{content:""}.icon-code:before{content:""}.icon-arrow-circle-left:before{content:""}.icon-arrow-circle-right:before{content:""}.icon-arrow-circle-up:before{content:""}.icon-arrow-circle-down:before{content:""}.icon-chevron-circle-left:before{content:""}.icon-chevron-circle-right:before{content:""}.icon-chevron-circle-up:before{content:""}.icon-chevron-circle-down:before{content:""}.icon-chevron-circle-move:before{content:""}.icon-move:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-right-thick:before{content:""}.icon-flat-down:before{content:""}.icon-arrow-left-thick:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-cycle:before{content:""}.icon-cw:before{content:""}.icon-ccw:before{content:""}.icon-cloud-download:before{content:""}.icon-cloud-upload:before{content:""}.icon-flat-up:before{content:""}.icon-sun:before{content:""}.icon-sun-o:before{content:""}.icon-moon:before{content:""}.icon-moon-o:before{content:""}.icon-cloudy:before{content:""}.icon-cloudy-o:before{content:""}.icon-cloud-night:before{content:""}.icon-cloud-night-o:before{content:""}.icon-cloud:before{content:""}.icon-cloud-o:before{content:""}.icon-lightning:before{content:""}.icon-lightning-o:before{content:""}.icon-rainy:before{content:""}.icon-rainy-o:before{content:""}.icon-rainy-big:before{content:""}.icon-rainy-big-o:before{content:""}.icon-windy:before{content:""}.icon-windy-o:before{content:""}.icon-rainy-windy:before{content:""}.icon-rainy-windy-o:before{content:""}.icon-snowy:before{content:""}.icon-snowy-o:before{content:""}.icon-snowy-big:before{content:""}.icon-snowy-big-o:before{content:""}.icon-weather:before{content:""}.icon-weather-o:before{content:""}.icon-cloudy-multi:before{content:""}.icon-cloudy-multi-o:before{content:""}.icon-cloudy-lightning:before{content:""}.icon-cloudy-lightning-o:before{content:""}.icon-cloud2:before{content:""}.icon-cloud2-o:before{content:""}.icon-adjust:before{content:""}.icon-sunrise:before{content:""}.icon-eclipse:before{content:""}.icon-sun-windy:before{content:""}.icon-wind:before{content:""}.icon-sun-weather:before{content:""}.icon-moon-weather:before{content:""}.icon-cloud-weather:before{content:""}.icon-lines:before{content:""}.icon-snowflake:before{content:""}.icon-none:before{content:""}.icon-celsius:before{content:""}.icon-fahrenheit:before{content:""}.icon-file:before{content:""}.icon-file-o:before{content:""}.icon-file-text:before{content:""}.icon-file-text-o:before{content:""}.icon-file-archive:before{content:""}.icon-file-photo:before{content:""}.icon-file-sound:before{content:""}.icon-file-movie:before{content:""}.icon-file-pdf:before{content:""}.icon-file-word:before{content:""}.icon-file-excel:before{content:""}.icon-file-ppt:before{content:""}.icon-file-code:before{content:""}.icon-square-plus:before{content:""}.icon-square-minus:before{content:""}.icon-square-cross:before{content:""}.icon-circle-plus:before{content:""}.icon-circle-minus:before{content:""}.icon-circle-check:before{content:""}.icon-plus:before{content:""}.icon-minus:before{content:""}.icon-check-mark:before{content:""}.icon-check-cross:before{content:""}.icon-check:before{content:""}.icon-times:before{content:""}.icon-check2:before{content:""}.icon-times2:before{content:""}.icon-search-plus:before{content:""}.icon-search-minus:before{content:""}.icon-zoom-out:before{content:""}.icon-zoom-in:before{content:""}.icon-info-circle-tilted:before{content:""}.icon-question-circle:before{content:""}.icon-times-circle:before{content:""}.icon-check-circle-o:before{content:""}.icon-times-circle-o:before{content:""}.icon-help:before{content:""}.icon-info:before{content:""}.icon-info-circle:before{content:""}.icon-info-circle-triangle:before{content:""}.icon-checked:before{content:""}.icon-note:before{content:""}.icon-note-s:before{content:""}.icon-user:before{content:""}.icon-users:before{content:""}.icon-user-add:before{content:""}.icon-group:before{content:""}.icon-user-md:before{content:""}.icon-male:before{content:""}.icon-wheelchair:before{content:""}.icon-playstation:before{content:""}.icon-paypal:before{content:""}.icon-alipay:before{content:""}.icon-evernote:before{content:""}.icon-renren:before{content:""}.icon-sina:before{content:""}.icon-skype:before{content:""}.icon-chrome:before{content:""}.icon-xbox:before{content:""}.icon-html5:before{content:""}.icon-apple:before{content:""}.icon-windows:before{content:""}.icon-android:before{content:""}.icon-weibo:before{content:""}.icon-googleplay:before{content:""}.icon-google:before{content:""}.icon-qq:before{content:""}.icon-wechat:before{content:""}.icon-thumbs-up:before{content:""}.icon-thumbs-up-o:before{content:""}.icon-thumbs-down:before{content:""}.icon-thumbs-down-o:before{content:""}.icon-left-quote:before{content:""}.icon-left-quote-o:before{content:""}.icon-heart:before{content:""}.icon-heart-o:before{content:""}.icon-bulb:before{content:""}.icon-bulb-o:before{content:""}.icon-gear:before{content:""}.icon-gear-o:before{content:""}.icon-gears:before{content:""}.icon-home:before{content:""}.icon-home-o:before{content:""}.icon-bubble:before{content:""}.icon-bubble-o:before{content:""}.icon-wine:before{content:""}.icon-wine-o:before{content:""}.icon-eye:before{content:""}.icon-eye-o:before{content:""}.icon-search:before{content:""}.icon-search-o:before{content:""}.icon-calendar:before{content:""}.icon-calendar-o:before{content:""}.icon-pin:before{content:""}.icon-pin-o:before{content:""}.icon-radio:before{content:""}.icon-radio-checked:before{content:""}.icon-paperclip:before{content:""}.icon-briefcase:before{content:""}.icon-envelope:before{content:""}.icon-comments:before{content:""}.icon-chats:before{content:""}.icon-chat:before{content:""}.icon-folder:before{content:""}.icon-credit-card:before{content:""}.icon-image:before{content:""}.icon-layers:before{content:""}.icon-umbrella:before{content:""}.icon-compass:before{content:""}.icon-clock:before{content:""}.icon-time:before{content:""}.icon-hourglass:before{content:""}.icon-pie:before{content:""}.icon-power-off:before{content:""}.icon-globe:before{content:""}.icon-spanner:before{content:""}.icon-pencil:before{content:""}.icon-gift:before{content:""}.icon-paperplane:before{content:""}.icon-share:before{content:""}.icon-flashlight:before{content:""}.icon-tag:before{content:""}.icon-palette:before{content:""}.icon-cone:before{content:""}.icon-cart:before{content:""}.icon-trophy:before{content:""}.icon-magic:before{content:""}.icon-legal:before{content:""}.icon-spinner:before{content:""}.icon-terminal:before{content:""}.icon-code:before{content:""}.icon-location-arrow:before{content:""}.icon-crop:before{content:""}.icon-cny:before{content:""}.icon-pagelines:before{content:""}.icon-mortar-board:before{content:""}.icon-music:before{content:""}.icon-trash:before{content:""}.icon-qrcode:before{content:""}.icon.arrow:before{content:""}.active>a>.icon.arrow:before{content:""}.icon-big{font-size:5rem !important}.icon-sm{font-size:4rem !important}.icon-xs{font-size:3rem !important}.animated{animation-duration:.3s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}.delay1{animation-delay:.1s;-webkit-animation-delay:.1s}.delay2{animation-delay:.2s;-webkit-animation-delay:.2s}.delay3{animation-delay:.3s;-webkit-animation-delay:.3s}.delay4{animation-delay:.4s;-webkit-animation-delay:.4s}.delay5{animation-delay:.5s;-webkit-animation-delay:.5s}.delay6{animation-delay:.6s;-webkit-animation-delay:.6s}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0, 0, 0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 50%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}@keyframes slideUpIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}}.slideUpIn{animation-name:slideUpIn}@keyframes slideUpOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}}.slideUpOut{animation-name:slideUpOut}@keyframes slideDownIn{0%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}100%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}}.slideDownIn{animation-name:slideDownIn}@keyframes slideDownOut{0%{opacity:1;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}}.slideDownOut{animation-name:slideDownOut}@keyframes slideLeftIn{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8)}100%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}.slideLeftIn{animation-name:slideLeftIn}@keyframes slideLeftOut{0%{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8)}}.slideLeftOut{animation-name:slideLeftOut}@keyframes slideRightIn{0%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8)}100%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}}.slideRightIn{animation-name:slideRightIn}@keyframes slideRightOut{0%{opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(0.8);transform:scaleX(0.8)}}.slideRightOut{animation-name:slideRightOut}@-webkit-keyframes hue{from{-webkit-filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(-360deg)}}@keyframes widthIn{from{width:0}to{width:100%}}@keyframes load0{0%{opacity:1;transform:scale(1.2)}100%{opacity:.2;transform:scale(0.2)}}@keyframes load1{0%{opacity:1}100%{opacity:.2}}@keyframes load2{0%{opacity:1}100%{opacity:.2}}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}blockquote,pre{border:1px solid #e8e8e8;page-break-inside:avoid}pre{display:block;padding:9px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:rgba(0,0,0,0);border-radius:0}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:1px;border-bottom-left-radius:1px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:1px;border-bottom-right-radius:1px}.pagination>li>.active,.pagination>li>.active>a:focus,.pagination>li>.active>a:hover,.pagination>li>.active>span,.pagination>li>.active>span:focus,.pagination>li>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#3498db;border-color:#2f89c6}.pagination>li>.active:hover{color:#fff;cursor:default;background-color:#3498db;border-color:#2f89c6}.breadcrumb{padding-left:0}.breadcrumb>*{font-size:14px}.breadcrumb a{color:#999 !important}.breadcrumb a:hover{color:#4285f4 !important}.breadcrumb a cite{color:#666;font-style:normal}.breadcrumb span[data-separator]{margin:0 10px;color:#999}.badge,.badge-dot,.badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#ff5722;color:#fff;border-radius:2px}.badge{height:18px;line-height:18px}.badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.badge-rim{height:18px;line-height:16px;border-width:1px;border-style:solid;background-color:#fff;color:#666}.badge.bg-gray{color:#393d49}.badge .badge{margin-right:-6px;margin-left:6px}.btn .badge,.btn .badge-dot{margin-left:5px}.nav .badge,.nav .badge-dot{position:absolute;top:50%;margin:-8px 6px 0}.tab-title .badge,.tab-title .badge-dot{left:5px;top:-2px}.label,[class*=" label-"],[class^=label-]{display:inline-block;padding:.1rem .4rem;margin-bottom:0;font-size:1.2rem;border:1px solid rgba(0,0,0,0);text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#4285f4;border-radius:1px;color:#fff}.label-default{border-color:#c9c9c9;color:#555}.label-disabled{border-color:#e6e6e6;background-color:#fbfbfb;color:#c9c9c9;cursor:not-allowed;opacity:1}.label-radius{border-radius:5rem;padding:.1rem .8rem}.label-dot{width:10px;height:10px}.label-round{width:20px;height:20px}.label-dot,.label-round{border-radius:50%;padding:0}.label-big{padding:.2rem .5rem;font-size:1.6rem}.label-radius.label-big{padding:.1rem 1rem}.label-small,.label-sm{padding:0;font-size:1.2rem}.label-radius.label-big{padding:0 .4rem}.card{background:#fff;box-shadow:0 .1rem .2rem rgba(0,0,0,.3);position:relative;border-radius:.2rem}.card-content{position:relative}.card-content-inner{padding:.5rem 1.5rem;position:relative}.card-footer,.card-header{min-height:40px;position:relative;padding:5px 1rem;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.card-footer[valign=top],.card-header[valign=top]{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.card-footer a.link,.card-header a.link{line-height:4rem;height:4rem;text-decoration:none;position:relative;margin-top:-1rem;margin-bottom:-1rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-transition-duration:.3s;transition-duration:.3s}.card-footer a.link i+i,.card-footer a.link i+span,.card-footer a.link span+i,.card-footer a.link span+span,.card-header a.link i+i,.card-header a.link i+span,.card-header a.link span+i,.card-header a.link span+span{margin-left:.35rem}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-header{border-radius:.2rem .2rem 0 0;font-size:1.3rem;min-height:3rem}.card-header:after{content:"";position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#e1e1e1;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio: 2){.card-header:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio: 3){.card-header:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.card-footer{border-radius:0 0 .2rem .2rem;color:#5f646e}.card-footer:before{content:"";position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#e1e1e1;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio: 2){.card-footer:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio: 3){.card-footer:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.card-more:after{content:"";float:right}.card-drop{cursor:pointer;font-size:1.6rem}.card-drop-down:after{content:""}.card-drop-up:after{content:""}.card-small-title,.small-title{font-size:1.2rem;color:#adadad}.mobile .card-footer,.mobile .card-header{min-height:3rem;padding:1rem .5rem}.collapse{border:1px solid #e2e2e2;border-radius:2px}.colla-item{border-top:1px solid #e2e2e2}.colla-item:first-child{border-top:none}.colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#f2f2f2;cursor:pointer;margin:0}.colla-content{display:none;padding:10px 15px;line-height:22px;border-top:1px solid #e2e2e2;color:#666}.colla-icon{position:absolute;left:15px;top:0;font-size:14px}.ios,.android{height:100%}input[disabled],fieldset[disabled]{background-color:#ccc;opacity:1;cursor:not-allowed}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled],input[disabled],fieldset[disabled]{cursor:not-allowed}input,textarea{width:100%;height:3rem;padding:3px 5px;display:inline-block;color:#333;font-size:1.4rem;line-height:1.8;background:0 0;border:1px solid #ccc;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}textarea{height:auto;width:100%;padding:.3rem .4rem}input:focus,textarea:focus{border-color:#4285f4;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}input[type=checkbox]{position:relative;margin-top:.15rem}input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){cursor:pointer}input[type=checkbox]:before,input[type=radio]:before{display:block}input[type=checkbox],input[type=radio]{line-height:normal;width:14px;display:inline-block;height:14px;overflow:hidden;vertical-align:sub;-webkit-appearance:none;outline:0;background:0 0;margin-right:.5rem}input[type=checkbox]:checked,input[type=checkbox]:indeterminate{border-color:#3498db}input[type=checkbox]:checked:after{transform:rotate(45deg) scaleY(1)}input[type=checkbox]:after{box-sizing:content-box;content:"";border:1px solid #fff;border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in .05s;transform-origin:center}input[type=checkbox]:checked:after,input[type=checkbox]:indeterminate:after{font-size:1.2rem;-webkit-font-smoothing:antialiased;text-align:center;line-height:1.2rem;color:#fff}input[type=checkbox]:checked:disabled:after,input[type=checkbox]:indeterminate:disabled:after{color:#d4d4d4}input[type=radio]{position:relative;box-shadow:none !important;border-radius:100%;width:16px;height:16px}input[type=radio]:after{width:6px;height:6px;border-radius:100%;background-color:#fff;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);transition:transform .15s ease-in}input[type=radio]:checked{border:1px solid #409eff}input[type=radio]:checked:after{transform:translate(-50%, -50%) scale(1)}input[type=checkbox]:checked,input[type=radio]:checked{background:#409eff}input[type=switch],input[type=tag]{display:none}input.danger:not(:disabled){border:1px solid #ff5722}input.danger:focus:not(:disabled){box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,87,34,.6)}input[type=checkbox].danger:not(:disabled):checked,input[type=checkbox].danger:not(:disabled):indeterminate,input[type=radio].danger:not(:disabled):checked{background-color:#ff5722}input.warning:not(:disabled){border:1px solid #f7b824}input.warning:focus:not(:disabled){box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,184,36,.6)}input[type=checkbox].warning:not(:disabled):checked,input[type=checkbox].warning:not(:disabled):indeterminate,input[type=radio]:not(:disabled).warning:checked{background-color:#f7b824}input.default,input:disabled{border-color:#ccc}input:disabled{background:#f1f1f1}input.default:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.04)}input[type=checkbox].default:checked,input[type=checkbox]:not(:disabled).default:indeterminate,input[type=radio].default:checked,input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{background-color:#ccc;border-color:#ccc}input.btn{width:auto}input[type=range]{border:none;box-shadow:none;-webkit-box-shadow:none}input[type=range]{-webkit-appearance:none;border-radius:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:10px;background-color:#e5e5e5}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;margin-top:-6.5px;background:#cecccc;border-radius:50%;border:solid .125em rgba(205,224,230,.5);box-shadow:0 .125em .125em #3b4547}input[type=range]:hover::-webkit-slider-thumb{background:#b4b4b4}.switch,.switch .checkbox{width:2.6rem;border-radius:.8rem;box-sizing:border-box;height:1.6rem;margin-bottom:0}.switch{display:inline-block;vertical-align:middle;position:relative;cursor:pointer;-webkit-align-self:center;align-self:center}.switch .checkbox{background:#e5e5e5;z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;cursor:pointer;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s}.switch .checkbox:before{content:" ";position:absolute;left:.1rem;top:.1rem;width:2.4rem;border-radius:.8rem;box-sizing:border-box;height:1.4rem;background:#fff;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1)}.switch .checkbox:after{content:" ";height:1.4rem;width:1.4rem;border-radius:1.4rem;background:#fff;position:absolute;z-index:2;top:.1rem;left:.1rem;box-shadow:0 .1rem .5rem rgba(0,0,0,.4);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-duration:.3s;transition-duration:.3s}.switch input[type=checkbox]{display:none}.switch input[type=checkbox]:checked+.checkbox{background:#5fb878}.switch.danger input[type=checkbox]:checked+.checkbox{background:#ff5722}.switch.warning input[type=checkbox]:checked+.checkbox{background:#f7b824}.switch.info input[type=checkbox]:checked+.checkbox{background:#1e9fff}.switch.default input[type=checkbox]:checked+.checkbox,.switch.disabled input[type=checkbox]:checked+.checkbox,.switch.disabled .checkbox:after{background:#ccc}.switch.disabled{pointer-events:none;cursor:not-allowed}.switch input[type=checkbox]:checked+.checkbox:before{-webkit-transform:scale(0);transform:scale(0)}.switch input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}.switch.switch-sm,.switch.switch-sm .checkbox{height:.4rem}.switch.switch-sm .checkbox:after{top:-0.5rem}.switch.switch-big,.switch.switch-big .checkbox{width:5.2rem;border-radius:1.6rem;box-sizing:border-box;height:3.2rem}.switch.switch-big .checkbox:before{left:.2rem;top:.2rem;width:4.8rem;border-radius:1.6rem;height:2.8rem}.switch.switch-big .checkbox:after{left:.2rem;top:.2rem;width:2.8rem;border-radius:2.8rem;height:2.8rem;box-shadow:0 .2rem 1rem rgba(0,0,0,.4)}.switch.switch-big input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(2.2rem);transform:translateX(2.2rem)}.form-group{margin-bottom:1.5rem}.form-horizontal{margin-bottom:0}.form-horizontal .form-group{display:flex}.form-horizontal .form-group .input-group{flex:1;margin-right:16.66666667%}.form-horizontal .form-group:after,.form-horizontal .form-group:before{display:table;clear:both;content:" "}.form-horizontal label{padding-top:.7rem;text-align:right;float:left;padding-right:.7rem;font-weight:normal;display:inline-table}.form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]){padding-left:1rem;padding-right:1rem;width:20rem}.form-horizontal .form-group .input-group:not([class*=" hex-"]):not([class^=hex-]){width:100%}.input-group{position:relative;display:inline-table;border-collapse:separate;text-align:left;padding:0;float:left}td.input-group{display:table-cell;float:none}.input-group-addon~input{margin-right:0;width:100%;border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon,.input-group-btn{display:table-cell}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio{margin-bottom:0;line-height:1.4rem;margin-right:.5rem;float:left;cursor:pointer}.form-horizontal .form-group .input-group label{display:inline;margin-bottom:0;font-weight:normal}.form-horizontal .input-group label.switch{padding-top:0;margin-top:.7rem}.input-group-addon{padding:.6rem 1.2rem;font-size:1.4rem;font-weight:400;line-height:1.4rem;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:3px}.input-group-addon:not(:first-child):not(:last-child){border-radius:0}.input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group-btn:first-child [class*=" btn-"],.input-group-btn:first-child [class^=btn-]{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:rgba(0,0,0,0)}.input-group-btn:last-child [class*=" btn-"],.input-group-btn:last-child [class^=btn-]{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:rgba(0,0,0,0)}.input-group-btn .btn,.input-group-btn [class^=btn-],.input-group-btn [class*=" btn-"]{padding:3px 1.2rem;height:3rem;line-height:2.4rem}.form-inline .form-group{display:inline-block;margin:.5rem;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline label{padding-right:.45rem;padding-top:.45rem;float:left}.form-inline .form-group>label:not([class*=" hex-"]):not([class^=hex-]){padding-left:0;width:auto}.form-inline input{display:inline-block;vertical-align:middle}.form-inline .form-group .input-group .btn,.form-inline .form-group .input-group [class^=btn-],.form-inline .form-group .input-group [class*=" btn-"]{margin-bottom:0}label{display:inline-block;max-width:100%;margin-bottom:.5rem}.form-horizontal .help,.form-inline .help{color:#d0d0d0;margin:0 0 .6rem 0;padding:0 1rem;height:1.4em}.form-horizontal .help{padding-left:0;float:left}.form-horizontal .help:before,.form-inline .help:before{font-family:icons;speak:none;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.4rem;content:"";position:relative;top:.15rem;margin-right:.3rem}.form-horizontal .help,.form-inline .help:not([class*=" hex-"]):not([class^=hex-]){width:100%}.form-horizontal .help.success:before{color:#5fb878}.form-horizontal .help.danger{color:#ff5722}.form-horizontal .help.success:before,.form-inline .help.success:before{content:""}.form-horizontal .help.danger:before,.form-inline .help.danger:before{content:""}.form-inline .help{display:none}.input-group select:not([multiple=multiple]){display:none}@media(min-width: 768px){.form-inline input:not([type=checkbox]):not([type=radio]){display:inline-block;width:auto;vertical-align:middle}}.dropdown{position:relative}.dropdown.select>.dropdown-menu{left:auto;min-width:100%;padding:0}.dropdown-toggle:after{margin:0 0 0 10px;content:"";transition:transform .2s ease-in 0s;-webkit-transition:-webkit-transform .2s ease-in 0s}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:2px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);max-height:300px;overflow-y:auto}.dropdown-menu.fl{float:none;left:0}.dropdown-menu.fr{float:none;left:auto;right:0}.dropdown-menu>li{display:block;cursor:pointer;padding:3px 0;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-align:center}.dropdown.select .dropdown-menu>li{text-align:unset;padding-left:20px;padding-right:20px}.dropdown-menu>li>a{color:inherit;text-decoration:none;width:100%;display:block;padding:0 20px;text-align:left}.dropdown-menu>li:focus,.dropdown-menu>li:hover,.dropdown-menu>li.this,.dropdown-menu>li.hover>a,.dropdown-menu>li.this>a{color:#262626;text-decoration:none;background-color:#dcdcdc}.dropdown-menu>.this>a,.dropdown-menu>.this>a:focus,.dropdown-menu>.this>a:hover{color:#fff;text-decoration:none;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:rgba(0,0,0,0);background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.dropdown>.dropdown-toggle[data-hover]:hover:after,.dropdown.open>.dropdown-toggle:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}.dropdown.open>.dropdown-menu{display:block}.dropdown.open>.dropdown-menu.hide{display:none}.items .item{padding:2rem 1rem;border-bottom:1px dashed #e5e5e5;-webkit-transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1);-o-transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1);transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1)}.items .item-heading h1,.items .item-heading h2,.items .item-heading h3,.items .item-heading h4,.items .item-heading h5,.items .item-heading>h6{margin-top:5px}.items .item-content{word-wrap:break-word;color:#969696}.items .item-content:after,.items .item-content:before{display:table;content:" "}.items .item-content:after{clear:both}.items .item-content:after,.items .item-content:before{display:table;content:" "}.items .item-content:after{clear:both}.items .item-content>.media{width:100%;margin:5px 0;height:20%}.items .item-content>.media.fl{max-width:150px;margin:0 8px 0 0}.items .item-content>.media.fr{max-width:150px;margin:0 0 0 8px}.items .item-footer{padding-top:1rem;color:#9a9a9a;display:flex;justify-content:space-between}.items .item-footer>a{color:gray}.items .item>.media.fl{margin:6px 10px 0 0}.items .item>.media.fr{max-width:150px;margin:6px 0 0 8px}.items .item>.media~.item-footer{margin-top:-2.2rem}.items-hover .item:hover{background-color:#f5f5f5}.list-group{padding-left:0}.list-item{position:relative;display:block;padding:1rem 15px;background-color:#fff;border-bottom:1px dashed #ddd}.list-group.box-shadow .list-item{border-left:none;border-right:none}.list-item:last-child{margin-bottom:0;border-bottom:none}.list-group-even .list-item:nth-child(2n){background-color:#f5f5f5}.list-item>.label-badge{float:right}.list-item>.label-badge+.label-badge{margin-right:5px}a.list-item{color:#555}a.list-item:hover{text-decoration:none}a.list-item .list-item-heading{color:#333}a.list-item:focus,a.list-item:hover{color:#353535;text-decoration:none;background-color:#ebf2f9}.list-item.active,.list-item.active:focus,.list-item.active:hover{z-index:2;color:#fff;background-color:#3280fc;border-color:#3280fc}.list-item.active .list-item-heading,.list-item.active:focus .list-item-heading,.list-item.active:hover .list-item-heading{color:inherit}.list-item.active .list-item-text,.list-item.active:focus .list-item-text,.list-item.active:hover .list-item-text{color:#e6e6e6}.list-item-heading{margin-top:0;margin-bottom:0;color:#333}.list-item-footing{margin-bottom:25px;color:#333}.list-item-text{color:#989898;margin-bottom:0;margin-top:5px}.list-item-right{position:absolute;top:50%;right:1rem;transform:translate(0, -50%)}.grayscale{filter:grayscale(1)}.cu-list+.cu-list{margin-top:30px}.cu-list>.cu-item{transition:all .6s ease-in-out 0s;transform:translateX(0px)}.cu-list>.cu-item.move-cur{transform:translateX(-260px)}.cu-list>.cu-item .move{position:absolute;right:0;display:flex;width:260px;height:100%;transform:translateX(100%)}.cu-list>.cu-item .move view{display:flex;flex:1;justify-content:center;align-items:center}.cu-list.menu-avatar{overflow:hidden}.cu-list.menu-avatar>.cu-item{position:relative;display:flex;padding-right:10px;height:140px;background-color:#fff;justify-content:flex-end;align-items:center}.cu-list.menu-avatar>.cu-item>.cu-avatar{position:absolute;left:30px}.cu-list.menu-avatar>.cu-item .flex .text-cut{max-width:510px}.cu-list.menu-avatar>.cu-item .content{position:absolute;left:146px;width:calc(100% - 96px - 60px - 120px - 20px);line-height:1.6em}.cu-list.menu-avatar>.cu-item .content.flex-sub{width:calc(100% - 96px - 60px - 20px)}.cu-list.menu-avatar>.cu-item .content>view:first-child{font-size:30px;display:flex;align-items:center}.cu-list.menu-avatar>.cu-item .content .cu-tag.sm{display:inline-block;margin-left:10px;height:28px;font-size:16px;line-height:32px}.cu-list.menu-avatar>.cu-item .action{width:100px;text-align:center}.cu-list.menu-avatar>.cu-item .action view+view{margin-top:10px}.cu-list.menu-avatar.comment>.cu-item .content{position:relative;left:0;width:auto;flex:1}.cu-list.menu-avatar.comment>.cu-item{padding:30px 30px 30px 120px;height:auto}.cu-list.menu-avatar.comment .cu-avatar{align-self:flex-start}.cu-list.menu>.cu-item{position:relative;display:flex;padding:0 30px;min-height:100px;background-color:#fff;justify-content:space-between;align-items:center}.cu-list.menu>.cu-item:last-child:after{border:none}.cu-list.menu-avatar>.cu-item:after,.cu-list.menu>.cu-item:after{position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;border-bottom:1px solid #ddd;border-radius:inherit;content:" ";transform:scale(0.5);transform-origin:0 0;pointer-events:none}.cu-list.menu>.cu-item.grayscale{background-color:#f5f5f5}.cu-list.menu>.cu-item.cur{background-color:#fcf7e9}.cu-list.menu>.cu-item.arrow{padding-right:90px}.cu-list.menu>.cu-item.arrow:before{position:absolute;top:0;right:30px;bottom:0;display:block;margin:auto;width:30px;height:30px;color:#8799a3;content:"";text-align:center;font-size:34px;font-family:icons;line-height:30px}.cu-list.menu>.cu-item button.content{padding:0;background-color:rgba(0,0,0,0);justify-content:flex-start}.cu-list.menu>.cu-item button.content:after{display:none}.cu-list.menu>.cu-item .cu-avatar-group .cu-avatar{border-color:#fff}.cu-list.menu>.cu-item .content>view:first-child{display:flex;align-items:center}.cu-list.menu>.cu-item .content>text[class*=cuIcon]{display:inline-block;margin-right:10px;width:1.6em;text-align:center}.cu-list.menu>.cu-item .content>image{display:inline-block;margin-right:10px;width:1.6em;height:1.6em;vertical-align:middle}.cu-list.menu>.cu-item .content{font-size:30px;line-height:1.6em;flex:1}.cu-list.menu>.cu-item .content .cu-tag.sm{display:inline-block;margin-left:10px;height:28px;font-size:16px;line-height:32px}.cu-list.menu>.cu-item .action .cu-tag:empty{right:10px}.cu-list.menu{display:block;overflow:hidden}.cu-list.menu.sm-border>.cu-item:after{left:30px;width:calc(200% - 120px)}.cu-list.grid>.cu-item{position:relative;display:flex;padding:20px 0 30px;transition-duration:0s;flex-direction:column}.cu-list.grid>.cu-item:after{position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);border-radius:inherit;content:" ";transform:scale(0.5);transform-origin:0 0;pointer-events:none}.cu-list.grid>.cu-item text{display:block;margin-top:10px;color:#888;font-size:26px;line-height:40px}.cu-list.grid>.cu-item [class*=cuIcon]{position:relative;display:block;margin-top:20px;width:100%;font-size:48px}.cu-list.grid>.cu-item .cu-tag{right:auto;left:50%;margin-left:20px}.cu-list.grid{background-color:#fff;text-align:center}.cu-list.grid.no-border>.cu-item{padding-top:10px;padding-bottom:20px}.cu-list.grid.no-border>.cu-item:after{border:none}.cu-list.grid.no-border{padding:20px 10px}.cu-list.grid.col-3>.cu-item:nth-child(3n):after,.cu-list.grid.col-4>.cu-item:nth-child(4n):after,.cu-list.grid.col-5>.cu-item:nth-child(5n):after{border-right-width:0}.cu-list.card-menu{overflow:hidden;margin-right:30px;margin-left:30px;border-radius:20px}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{position:relative;height:6px;border-radius:2px;background-color:#e2e2e2;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{position:absolute;width:0;-webkit-background-size:40px 40px;background-size:40px 40px;max-width:100%;height:6px;border-radius:2px;text-align:right;background-color:#5fb878;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:all .3s;-webkit-transition:all .3s;background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#1e9fff}.progress-bar-warning{background-color:#f7b824}.progress-bar-danger{background-color:#ff5722}.progress-big,.progress-big .progress-bar{height:18px;line-height:18px}.progress-text{position:relative;top:-18px;line-height:18px;font-size:12px;color:#666}.progress-big .progress-text{position:static;padding:0 10px;color:#fff}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.sidebar-left,.sidebar-right{position:fixed;z-index:-1;display:block;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform .4s;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;top:0;height:100%;background-color:#393d49;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;-ms-scroll-chaining:none}.sidebar-left{left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.sidebar-right{right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidebar-left.active,.sidebar-right.active{-webkit-transform:translateX(0);transform:translateX(0);height:100%;overflow-y:auto}.sidebar-body{position:absolute;overflow:hidden;-webkit-transition:margin-left .3s ease-in-out,margin-right .3s ease-in-out;transition:margin-left .3s ease-in-out,margin-right .3s ease-in-out;width:100%}.sidebar-mark{width:100%;height:100%;background:#000;z-index:999;position:absolute;left:0;top:0;right:0;bottom:0}.open-sidebar.active{background-color:#ff5722}.tab{margin:1rem 0;text-align:left !important}.tab[overflow]>.tab-title{overflow:hidden}.tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom:1px solid #f2f2f2;transition:all .2s;-webkit-transition:all .2s}.tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s}.tab-title li{position:relative;line-height:40px;min-width:65px;padding:0 10px;text-align:center;cursor:pointer}.tab-title li a{display:block}.tab-title .this{color:#000}.tab-title .this:after{position:absolute;left:0;top:0;content:"";width:100%;height:41px;border:1px solid #e2e2e2;border-bottom-color:rgba(0,0,0,0);border-radius:2px 2px 0 0;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;pointer-events:none}.tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border:1px solid #e2e2e2;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}.tab-bar .icon{position:relative;display:inline-block;top:6px;transition:all .3s;-webkit-transition:all .3s;font-size:18px}.tab-item{display:none;transition-duration:200ms;width:100%}.tab-more{padding-right:30px;height:auto;white-space:normal}.tab-more li.this:after{border-bottom-color:#e2e2e2;border-radius:2px}.tab-more .tab-bar .icon{top:6px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tab-content{padding:10px 0;transition:all 200ms ease 0s}.tab-title li .tab-close{position:relative;margin-left:8px;top:1px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}.tab-title li .tab-close:hover{border-radius:2px;background-color:#ff5722;color:#fff}.tab-brief>.tab-title .this{color:#0789f6}.tab-brief>.tab-title .this:after,.tab-brief>.tab-more li.this:after{border:none;border-radius:0;border-bottom:3px solid #0789f6}.tab-brief[overflow]>.tab-title .this:after{top:-1px}.tab-card{border:1px solid #e2e2e2;border-radius:1px}.tab-card.box-shadow{border:none}.tab-card>.tab-title{background-color:#f2f2f2}.tab-card>.tab-title li{margin-right:-1px;margin-left:-1px}.tab-card>.tab-title .this{background-color:#fff}.tab-card>.tab-title .this:after{border-top:none;border-width:1px;border-bottom-color:#fff}.tab-card>.tab-title .tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none}.tab-card>.tab-more .this{background:none;color:#5fb878}.tab-card>.tab-more .this:after{border:none}.table{width:100%;background-color:#fff}.table tr{transition:all .3s;-webkit-transition:all .3s}.table thead tr{background-color:#f2f2f2}.table tr th.unsorted,.table tr th.sort-up,.table tr th.sort-down{line-height:1.8rem;cursor:pointer}.table tr th.unsorted:after{content:"";float:right}.table tr th.sort-up:after{content:"";float:right}.table tr th.sort-down:after{content:"";float:right}.table th{text-align:left}.table th,.table td{padding:9px 15px;min-height:20px;line-height:20px;border:1px solid #e2e2e2}.table[data-even] tr:nth-child(even),.table.table-even tr:nth-child(even),.table tr:hover{background-color:#f8f8f8}.table[data-skin=line],.table.table-line,.table[data-skin=row],.table.table-row{border:1px solid #e2e2e2}.table[data-skin=line] th,.table[data-skin=line] td,.table.table-line th,.table.table-line td{border:none;border-bottom:1px solid #e2e2e2}.table[data-skin=row] th,.table[data-skin=row] td,.table.table-row th,.table.table-row td{border:none;border-right:1px solid #e2e2e2}.table[data-skin=nob] th,.table[data-skin=nob] td,.table.table-nob th,.table.table-nob td{border:none}.tag,[class*=" tag-"],[class^=tag-]{display:inline-block;padding:.1rem .4rem;margin-bottom:0;font-size:1.2rem;border:1px solid rgba(0,0,0,0);text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#4285f4;border-radius:1px;color:#fff}.tags .tag{margin:.3rem .3rem .3rem 0;border-radius:3px;transition:all .25s}.tags .tag:after{opacity:0;color:#fff;content:"×";margin-left:.5rem;font-weight:bolder;transition:all .25s;position:absolute}.tags .tag:hover{padding-right:2rem}.tags .tag:hover:after{opacity:1}.tree{line-height:26px}.tree li{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tree li a,.tree li .tree-spread{display:inline-block;vertical-align:top;height:26px;*display:inline;*zoom:1;cursor:pointer}.tree li a{font-size:0}.tree li a i{font-size:16px}.tree li a cite{padding:0 6px;font-size:14px;font-style:normal}.tree li i{padding-left:6px;color:#333;-moz-user-select:none}.tree li .tree-check{font-size:13px}.tree li .tree-check:hover{color:#009e94}.tree li ul{margin-left:20px}.tree li .tree-enter{line-height:24px;border:1px dotted #000}.tree-drag{display:none;position:absolute;left:-666px;top:-666px;background-color:#f2f2f2;padding:5px 10px;border:1px dotted #000;white-space:nowrap}.tree-drag i{padding-right:5px}.nav-normal{background:0 0}.nav-normal .nav-item a{color:#393d49}.nav-normal .nav-item:hover{background:#bebebe}.nav-normal .nav-item a:hover{color:#fff}.pichend{height:142px;overflow:hidden;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}.pichend:hover{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}.nav{position:relative;padding:0 20px;background-color:#393d49;color:#c2c2c2;border-radius:2px;font-size:0;-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important}.nav *{font-size:14px}.nav .nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px}.nav .nav-item a{display:block;padding:0 20px;color:#c2c2c2;transition:all .3s;-webkit-transition:all .3s}.nav-bar,.nav .this:after,.nav-tree .nav-itemed:after{position:absolute;left:0;top:0;width:0;height:5px;background-color:#4285f4;transition:all .2s;-webkit-transition:all .2s}.nav-bar{z-index:1000}.nav .this a,.nav .nav-item a:hover{color:#fff;text-decoration:none}.nav .this:after{content:"";top:auto;bottom:0;width:100%}.nav .nav-more{content:"";width:0;height:0;border-style:dashed;border-color:rgba(0,0,0,0);overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s}.nav .nav-more{position:absolute;top:28px;right:3px;border-width:6px;border-top-style:solid;border-top-color:#c2c2c2}.nav .nav-mored,.nav-itemed .nav-more{top:22px;border-style:dashed;border-color:rgba(0,0,0,0);border-bottom-style:solid;border-bottom-color:#c2c2c2}.nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:10001;border-radius:2px;white-space:nowrap}.nav .nav-child a{color:#333}.nav .nav-child a:hover{background-color:#f2f2f2;color:#333}.nav-child dd{position:relative}.nav-child dd.this{background-color:#5fb878;color:#fff}.nav-child dd.this a{color:#fff}.nav-child dd.this:after{display:none}.nav-tree{width:200px;padding:0}.nav-tree .nav-item{display:block;width:100%;line-height:45px}.nav-tree .nav-item a{height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.nav-tree .nav-item a:hover{background-color:#4e5465}.nav-tree .nav-bar{width:5px;height:0}.nav-tree .this,.nav-tree .this>a,.nav-tree .this>a:hover,.nav-tree .nav-child dd.this{background-color:#4e5465;color:#fff}.nav-tree .this:after{display:none}.nav-tree .nav-title a,.nav-tree .nav-title a:hover,.nav-itemed>a{background-color:#2b2e37 !important;color:#fff !important}.nav-tree .nav-bar{background-color:#3c78dc}.nav-tree .nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none}.nav-tree .nav-child a{height:40px;line-height:40px}.nav-tree .nav-child a{color:#c2c2c2}.nav-tree .nav-child a:hover,.nav-tree .nav-child{background:none;color:#fff}.nav-tree .nav-more{top:20px;right:10px}.nav-itemed .nav-more{top:14px}.nav-itemed .nav-child{display:block;padding:0}.nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999}.slide{width:100%;overflow:hidden;position:relative;padding:0 !important}.slide .slide-cont{width:100%;position:relative;overflow:hidden;margin:0;height:100%}.slide .slide-item{position:absolute;width:100%;height:100%;left:-630px}.slide .slide-item .slide-img{width:100%;height:310px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer}.slide .slide-item a{display:block;width:100%;height:100%;overflow:hidden}.slide .slide-item a .media{margin:0}.slide .slide-item img{max-width:685px;min-width:685px;min-height:310px}.slide .slide-txt{width:100%;height:50px;position:absolute;left:0;bottom:0;z-index:1;background:rgba(0,0,0,.7)}.slide .slide-txt a{display:inline-block;width:590px;height:50px;line-height:50px;font-size:16px;padding:0 20px;overflow:hidden;color:#fff;position:absolute;left:0;top:0}.slide .slide-nav{width:auto;height:11px;display:inline-block;overflow:hidden;position:absolute;z-index:100;bottom:21px;right:20px}.slide .slide-nav a{display:block;width:12px;height:12px;background:#d4d4d4;cursor:pointer;margin-left:5px;float:left;text-indent:-99em;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.3)}.slide .slide-nav .this{background:#4285f4}.slide .slide-loading{height:5px;position:absolute;left:0;bottom:0;background:#4285f4;z-index:10}.slide .slide-next,.slide .slide-prev{width:32px;height:40px;padding:40px 0;position:absolute;background:rgba(0,0,0,.5);filter:alpha(opacity=0);opacity:0;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.slide .slide-prev [class*=" icon-"],.slide .slide-prev [class^=icon-]{font-size:4rem;color:#fff;position:absolute;top:21px;right:0;margin-right:-3px}.slide .slide-next [class*=" icon-"],.slide .slide-next [class^=icon-]{font-size:4rem;color:#fff;position:absolute;top:21px;left:0;margin-left:-3px}.slide .slide-next:hover,.slide .slide-prev:hover{filter:alpha(opacity=100);opacity:1}.slide .slide-next{right:0;background-position-x:8px}@keyframes slideFadeIn{from{opacity:0;display:none}to{opacity:1;display:block}}@keyframes slideFadeOut{from{opacity:1;display:block}to{opacity:0;display:none}}@keyframes slideFadeZoomIn{from{opacity:0;display:none;transform:scale(1.3)}to{opacity:1;display:block;transform:scale(1)}}@keyframes slideFadeZoomOut{from{opacity:1;display:block;transform:scale(1)}to{opacity:0;display:none;transform:scale(1.3)}}.slide:hover .slide-prev,.slide:hover .slide-next{opacity:.8}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.hide{display:none}.show{display:block !important}.circle{border-radius:50%}.main,.container,.contents{width:1024px;margin-left:auto;margin-right:auto;display:table}@media screen and (max-width: 768px){.main,.container,.contents{width:750px}}@media screen and (max-width: 992px){.main,.container,.contents{width:970px}}@media screen and (min-width: 1200px){.main,.container,.contents{width:1190px}}.wf,.w-full,.width-full,input.width-full,input.wf{width:100%}.help.wf{width:100% !important}.hf,.h-full{height:100%}.ofx,.overflow-x{overflow-x:auto;overflow-y:hidden}.ofy,.overflow-y{overflow-x:hidden;overflow-y:auto}.box-shadow{box-shadow:0 1px 2px rgba(0,0,0,.3)}.no-background{background-color:rgba(0,0,0,0)}.no-box-shadow,.no-box-shadow:hover,.no-box-shadow:focus,.no-box-shadow.focus,.no-box-shadow:active,.no-box-shadow.active{box-shadow:none}.no-border,.border,.nb{border:none !important}.no-border-top,.nbt{border-top:none !important}.no-border-right,.nbr{border-right:none !important}.no-border-bottom,.nbb{border-bottom:none !important}.no-border-left,.nbl{border-left:none !important}.no-border-radius{border-radius:0}.no-border-top-radius{border-top-left-radius:0;border-top-right-radius:0}.no-border-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}.no-border-left-radius{border-top-left-radius:0;border-bottom-left-radius:0}.no-border-right-radius{border-top-right-radius:0;border-bottom-right-radius:0}.margin-0,.no-margin{margin:0}.no-margin-top{margin-top:0 !important}.no-padding{padding:0 !important}.no-padding-left{padding-left:0 !important}.no-padding-right{padding-right:0 !important}.no-padding-lr{padding-right:0 !important;padding-left:0 !important}.clearfix{zoom:1}.clearfix:after{clear:both;height:0;font-size:0;visibility:hidden;display:block;content:" "}.clear-fix{zoom:1}.clear-fix:after{clear:both;height:0;font-size:0;visibility:hidden;display:block;content:" "}.fn,.pull-none{float:none}.fl,.pull-left{float:left}.fr,.pull-right{float:right}.tl,.text-left{text-align:left}.tc,.text-center{text-align:center}.tr,.text-right{text-align:right}.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}.fs24{font-size:24px}.fwb{font-weight:bolder}.text-xs{font-size:1.2rem}.text-sm{font-size:1.4rem}.text-df{font-size:1.8rem}.text-lg{font-size:2.4rem}.text-xl{font-size:3.6rem}.text-xxl{font-size:4.4rem}.text-sl{font-size:8rem}.text-xsl{font-size:12rem}.text-Abc{text-transform:Capitalize}.text-ABC{text-transform:Uppercase}.text-abc{text-transform:Lowercase}.text-price::before{content:"¥";font-size:80%;margin-right:.4rem}.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-bold{font-weight:700}.text-underline{text-decoration:underline !important}.text-center{text-align:center}.text-content{line-height:1.6}.text-nowrap{white-space:nowrap}.text-left{text-align:left}.text-right{text-align:right}.media{display:block;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden}.media.height{background-position-y:inherit}.media.error{background-size:contain;background-image:url("./images/media-error.png") !important;background-color:#e4e4e4}.media.loading{background-size:contain;background-image:url("./images/media-loading.gif") !important;background-color:#e4e4e4}.mobile .media{position:relative;z-index:1}.bg-default,.btn-default{background-color:#eee}.bg-red,.bg-danger,.btn-danger{background-color:#e54d42;color:#fff}.bg-orange,.bg-warning,.btn-warning{background-color:#f37b1d;color:#fff}.bg-yellow{background-color:#fbbd08;color:#333}.bg-olive{background-color:#8dc63f;color:#fff}.bg-green,.bg-success,.btn-success{background-color:#39b54a;color:#fff}.bg-cyan,.bg-normal,.btn-normal{background-color:#1cbbb4;color:#fff}.bg-blue,.bg-info,.btn-info{background-color:#0081ff;color:#fff}.bg-purple{background-color:#6739b6;color:#fff}.bg-mauve{background-color:#9c26b0;color:#fff}.bg-pink{background-color:#e03997;color:#fff}.bg-brown{background-color:#a5673f;color:#fff}.bg-grey{background-color:#8799a3;color:#fff}.bg-gray{background-color:#f0f0f0;color:#333}.bg-black,.btn-black{background-color:#393d49;color:#fff}.bg-white,.btn-white{background-color:#fff;color:#666}.bg-shade-top{background-image:linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0.01));color:#fff}.bg-shade-bottom{background-image:linear-gradient(rgba(0, 0, 0, 0.01), rgb(0, 0, 0));color:#fff}.bg-red.light{color:#e54d42;background-color:#fadbd9}.bg-orange.light{color:#f37b1d;background-color:#fde6d2}.bg-yellow.light{color:#fbbd08;background-color:rgba(254,242,206,.8235294118)}.bg-olive.light{color:#8dc63f;background-color:#e8f4d9}.bg-green.light{color:#39b54a;background-color:#d7f0db}.bg-cyan.light{color:#1cbbb4;background-color:#d2f1f0}.bg-blue.light{color:#0081ff;background-color:#cce6ff}.bg-purple.light{color:#6739b6;background-color:#e1d7f0}.bg-mauve.light{color:#9c26b0;background-color:#ebd4ef}.bg-pink.light{color:#e03997;background-color:#f9d7ea}.bg-brown.light{color:#a5673f;background-color:#ede1d9}.bg-grey.light{color:#8799a3;background-color:#e7ebed}.bg-gradual-red{background-image:linear-gradient(45deg, #f43f3b, #ec008c);color:#fff}.bg-gradual-orange{background-image:linear-gradient(45deg, #ff9700, #ed1c24);color:#fff}.bg-gradual-green{background-image:linear-gradient(45deg, #39b54a, #8dc63f);color:#fff}.bg-gradual-purple{background-image:linear-gradient(45deg, #9000ff, #5e00ff);color:#fff}.bg-gradual-pink{background-image:linear-gradient(45deg, #ec008c, #6739b6);color:#fff}.bg-gradual-blue{background-image:linear-gradient(45deg, #0081ff, #1cbbb4);color:#fff}.default{color:#eee !important}.blue,.info{color:#4285f4 !important}.green,.success{color:#5fb878 !important}.error,.danger,.red{color:#e54d42 !important}.warning,.orange{color:#f7b824 !important}.cyan,.normal{color:#2f4056 !important}.gray{color:#b4b4b4 !important}.black{color:#393d49 !important}.white{color:#fff !important}[class*=" line-"],[class^=line-]{border-width:1px;border-style:solid}[class*=" line-"],[class^=line-]::after{content:""}.line-red::after,.lines-red::after{border-color:#e54d42}.line-orange::after,.lines-orange::after{border-color:#f37b1d}.line-yellow::after,.lines-yellow::after{border-color:#fbbd08}.line-olive::after,.lines-olive::after{border-color:#8dc63f}.line-green::after,.lines-green::after{border-color:#39b54a}.line-cyan::after,.lines-cyan::after{border-color:#1cbbb4}.line-blue::after,.lines-blue::after{border-color:#0081ff}.line-purple::after,.lines-purple::after{border-color:#6739b6}.line-mauve::after,.lines-mauve::after{border-color:#9c26b0}.line-pink::after,.lines-pink::after{border-color:#e03997}.line-brown::after,.lines-brown::after{border-color:#a5673f}.line-grey::after,.lines-grey::after{border-color:#8799a3}.line-gray::after,.lines-gray::after{border-color:#aaa}.line-black::after,.lines-black::after,input.line-black{border-color:#393d49}input.line-black:focus,textarea.line-black:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(57,61,73,.6)}.line-white::after,.lines-white::after{border-color:#fff}.line-red,.lines-red,.text-red{color:#e54d42}.line-orange,.lines-orange,.text-orange{color:#f37b1d}.line-yellow,.lines-yellow,.text-yellow{color:#fbbd08}.line-olive,.lines-olive,.text-olive{color:#8dc63f}.line-green,.lines-green,.text-green{color:#39b54a}.line-cyan,.lines-cyan,.text-cyan{color:#1cbbb4}.line-blue,.lines-blue,.text-blue{color:#0081ff}.line-purple,.lines-purple,.text-purple{color:#6739b6}.line-mauve,.lines-mauve,.text-mauve{color:#9c26b0}.line-pink,.lines-pink,.text-pink{color:#e03997}.line-brown,.lines-brown,.text-brown{color:#a5673f}.line-grey,.lines-grey,.text-grey{color:#8799a3}.line-gray,.lines-gray,.text-gray{color:#aaa}.line-black,.lines-black,.text-black{color:#333}.line-white,.lines-white,.text-white{color:#fff}.shadow[class*=-red]{box-shadow:6px 6px 8px rgba(204,69,59,.2)}.shadow[class*=-orange]{box-shadow:6px 6px 8px rgba(217,109,26,.2)}.shadow[class*=-yellow]{box-shadow:6px 6px 8px rgba(224,170,7,.2)}.shadow[class*=-olive]{box-shadow:6px 6px 8px rgba(124,173,55,.2)}.shadow[class*=-green]{box-shadow:6px 6px 8px rgba(48,156,63,.2)}.shadow[class*=-cyan]{box-shadow:6px 6px 8px rgba(28,187,180,.2)}.shadow[class*=-blue]{box-shadow:6px 6px 8px rgba(0,102,204,.2)}.shadow[class*=-purple]{box-shadow:6px 6px 8px rgba(88,48,156,.2)}.shadow[class*=-mauve]{box-shadow:6px 6px 8px rgba(133,33,150,.2)}.shadow[class*=-pink]{box-shadow:6px 6px 8px rgba(199,50,134,.2)}.shadow[class*=-brown]{box-shadow:6px 6px 8px rgba(140,88,53,.2)}.shadow[class*=-grey]{box-shadow:6px 6px 8px rgba(114,130,138,.2)}.shadow[class*=-gray]{box-shadow:6px 6px 8px rgba(114,130,138,.2)}.shadow[class*=-black]{box-shadow:6px 6px 8px rgba(26,26,26,.2)}.shadow[class*=-white]{box-shadow:6px 6px 8px rgba(26,26,26,.2)}.text-shadow[class*=-red]{text-shadow:6px 6px 8px rgba(204,69,59,.2)}.text-shadow[class*=-orange]{text-shadow:6px 6px 8px rgba(217,109,26,.2)}.text-shadow[class*=-yellow]{text-shadow:6px 6px 8px rgba(224,170,7,.2)}.text-shadow[class*=-olive]{text-shadow:6px 6px 8px rgba(124,173,55,.2)}.text-shadow[class*=-green]{text-shadow:6px 6px 8px rgba(48,156,63,.2)}.text-shadow[class*=-cyan]{text-shadow:6px 6px 8px rgba(28,187,180,.2)}.text-shadow[class*=-blue]{text-shadow:6px 6px 8px rgba(0,102,204,.2)}.text-shadow[class*=-purple]{text-shadow:6px 6px 8px rgba(88,48,156,.2)}.text-shadow[class*=-mauve]{text-shadow:6px 6px 8px rgba(133,33,150,.2)}.text-shadow[class*=-pink]{text-shadow:6px 6px 8px rgba(199,50,134,.2)}.text-shadow[class*=-brown]{text-shadow:6px 6px 8px rgba(140,88,53,.2)}.text-shadow[class*=-grey]{text-shadow:6px 6px 8px rgba(114,130,138,.2)}.text-shadow[class*=-gray]{text-shadow:6px 6px 8px rgba(114,130,138,.2)}.text-shadow[class*=-black]{text-shadow:6px 6px 8px rgba(26,26,26,.2)}.margin-xxs{margin:.5rem}.margin-xs{margin:1rem}.margin-sm{margin:2rem}.margin{margin:3rem}.margin-lg{margin:4rem}.margin-xl{margin:5rem}.margin-top-xxs{margin-top:.5rem}.margin-top-xs{margin-top:1rem}.margin-top-sm{margin-top:2rem}.margin-top{margin-top:3rem}.margin-top-lg{margin-top:4rem}.margin-top-xl{margin-top:5rem}.margin-right-xxs{margin-right:.5rem}.margin-right-xs{margin-right:1rem}.margin-right-sm{margin-right:2rem}.margin-right{margin-right:3rem}.margin-right-lg{margin-right:4rem}.margin-right-xl{margin-right:5rem}.margin-bottom-xxs{margin-bottom:.5rem}.margin-bottom-xs{margin-bottom:1rem}.margin-bottom-sm{margin-bottom:2rem}.margin-bottom{margin-bottom:3rem}.margin-bottom-lg{margin-bottom:4rem}.margin-bottom-xl{margin-bottom:5rem}.margin-left-xxs{margin-left:.5rem}.margin-left-xs{margin-left:1rem}.margin-left-sm{margin-left:2rem}.margin-left{margin-left:3rem}.margin-left-lg{margin-left:4rem}.margin-left-xl{margin-left:5rem}.margin-lr-xxs{margin-left:.5rem;margin-right:.5rem}.margin-lr-xs{margin-left:1rem;margin-right:1rem}.margin-lr-sm{margin-left:2rem;margin-right:2rem}.margin-lr{margin-left:3rem;margin-right:3rem}.margin-lr-lg{margin-left:4rem;margin-right:4rem}.margin-lr-xl{margin-left:5rem;margin-right:5rem}.margin-tb-xxs{margin-top:.5rem;margin-bottom:.5rem}.margin-tb-xs{margin-top:1rem;margin-bottom:1rem}.margin-tb-sm{margin-top:2rem;margin-bottom:2rem}.margin-tb{margin-top:3rem;margin-bottom:3rem}.margin-tb-lg{margin-top:4rem;margin-bottom:4rem}.margin-tb-xl{margin-top:5rem;margin-bottom:5rem}.padding-0{padding:0}.padding-xxs{padding:.5rem}.padding-xs{padding:1rem}.padding-sm{padding:2rem}.padding{padding:3rem}.padding-lg{padding:4rem}.padding-xl{padding:5rem}.padding-top-xxs{padding-top:.5rem}.padding-top-xs{padding-top:1rem}.padding-top-sm{padding-top:2rem}.padding-top{padding-top:3rem}.padding-top-lg{padding-top:4rem}.padding-top-xl{padding-top:5rem}.padding-right-xxs{padding-right:.5rem}.padding-right-xs{padding-right:1rem}.padding-right-sm{padding-right:2rem}.padding-right{padding-right:3rem}.padding-right-lg{padding-right:4rem}.padding-right-xl{padding-right:5rem}.padding-bottom-xxs{padding-bottom:.5rem}.padding-bottom-xs{padding-bottom:1rem}.padding-bottom-sm{padding-bottom:2rem}.padding-bottom{padding-bottom:3rem}.padding-bottom-lg{padding-bottom:4rem}.padding-bottom-xl{padding-bottom:5rem}.padding-left-xxs{padding-left:.5rem}.padding-left-xs{padding-left:1rem}.padding-left-sm{padding-left:2rem}.padding-left{padding-left:3rem}.padding-left-lg{padding-left:4rem}.padding-left-xl{padding-left:5rem}.padding-lr-xxs{padding-left:.5rem;padding-right:.5rem}.padding-lr-xs{padding-left:1rem;padding-right:1rem}.padding-lr-sm{padding-left:2rem;padding-right:2rem}.padding-lr{padding-left:3rem;padding-right:3rem}.padding-lr-lg{padding-left:4rem;padding-right:4rem}.padding-lr-xl{padding-left:5rem;padding-right:5rem}.padding-tb-xxs{padding-top:.5rem;padding-bottom:.5rem}.padding-tb-xs{padding-top:1rem;padding-bottom:1rem}.padding-tb-sm{padding-top:2rem;padding-bottom:2rem}.padding-tb{padding-top:3rem;padding-bottom:3rem}.padding-tb-lg{padding-top:4rem;padding-bottom:4rem}.padding-tb-xl{padding-top:5rem;padding-bottom:5rem}.m{margin:0 !important}.m1{margin:1rem}.m2{margin:2rem}.m3{margin:3rem}.m4{margin:4rem}.mt{margin-top:0 !important}.mt1,button.mt1{margin-top:1rem}.mt2,button.mt2{margin-top:2rem}.mt3,button.mt3{margin-top:3rem}.mt4,button.mt4{margin-top:4rem}.mr{margin-right:0 !important}.mr1,button.mr1{margin-right:1rem}.mr2,button.mr2{margin-right:2rem}.mr3,button.mr3{margin-right:3rem}.mr4,button.mr4{margin-right:4rem}.mb{margin-bottom:0 !important}.mb1,button.mb1{margin-bottom:1rem}.mb2,button.mb2{margin-bottom:2rem}.mb3,button.mb3{margin-bottom:3rem}.mb4,button.mb4{margin-bottom:4rem}.ml{margin-left:0 !important}.ml1,button.ml1{margin-left:1rem}.ml2,button.ml2{margin-left:2rem}.ml3,button.ml3{margin-left:3rem}.ml4,button.ml4{margin-left:4rem}.p,.no-padding{padding:0 !important}.p1{padding:1rem}.p2{padding:2rem}.p3{padding:3rem}.p4{padding:4rem}.pt{padding-top:0}.pt1{padding-top:1rem}.pt2{padding-top:2rem}.pt3{padding-top:3rem}.pt4{padding-top:4rem}.pr{padding-right:0}.pr1{padding-right:1rem}.pr2{padding-right:2rem}.pr3{padding-right:3rem}.pr4{padding-right:4rem}.pb{padding-bottom:0}.pb1{padding-bottom:1rem}.pb2{padding-bottom:2rem}.pb3{padding-bottom:3rem}.pb4{padding-bottom:4rem}.pl{padding-left:0}.pl1{padding-left:1rem}.pl2{padding-left:2rem}.pl3{padding-left:3rem}.pl4{padding-left:4rem}.flex{display:flex}.basis-xs{flex-basis:20%}.basis-sm{flex-basis:40%}.basis-df{flex-basis:50%}.basis-lg{flex-basis:60%}.basis-xl{flex-basis:80%}.flex-sub{flex:1}.flex-twice{flex:2}.flex-treble{flex:3}.flex-direction{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:flex-center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.align-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.mobile{position:fixed;top:0;right:0;bottom:0;background:#eee;z-index:1;width:100%;-webkit-box-shadow:0 0 11px rgba(0,0,0,.5);box-shadow:0 0px 11px rgba(0,0,0,.5);-webkit-transition:left .3s ease-in-out,right .3s ease-in-out;transition:left .3s ease-in-out,right .3s ease-in-out}.mobile .content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch}.mobile .content-padded{padding:1rem}.mobile .content-block{margin:2rem 0;padding:0 2rem;color:#6d6d72}.mobile .content-title,.content-block-title{overflow:hidden;font-size:2.2rem;text-transform:uppercase;line-height:1;color:#6d6d72;margin:1rem}.bar-nav~.content{top:4.4rem}.bar-footer~.content{bottom:4.4rem}.bar-tab~.content{bottom:4.4rem;box-shadow:0 1px 10px rgba(0,0,0,.5)}[class*=" bar-"],[class^=bar-]{position:absolute;right:0;left:0;z-index:10;height:4.4rem;padding-right:1rem;padding-left:1rem;background-color:#f7f7f8;-webkit-backface-visibility:hidden;backface-visibility:hidden}[class*=" bar-"]:after,[class^=bar-]:after{content:"";position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#e7e7e7;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio: 2){[class*=" bar-"]:after,[class^=bar-]:after{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio: 3){[class*=" bar-"]:after,[class^=bar-]:after{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.bar-footer,.bar-tab{bottom:0}.bar-footer:before{content:"";position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#e7e7e7;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio: 2){.bar-footer:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio: 3){.bar-footer:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.bar-footer:after{display:none}.bar-nav{top:0}[class*=" bar-"] [class*=" icon-"],[class*=" bar-"] [class^=icon-],[class^=bar-] [class*=" icon-"],[class^=bar-] [class^=icon-]{position:relative;z-index:20;padding:1rem .2rem;font-size:2rem;line-height:2.2rem}.bar-nav{display:flex;align-items:center;justify-content:space-between}.bar-title{position:absolute;display:block;width:100%;padding:0;margin:0 -1rem;font-size:1.7rem;font-weight:500;line-height:4.4rem;color:#3d4145;text-align:center;white-space:nowrap}.bar-tab{bottom:0;width:100%;height:4.4rem;padding:0;table-layout:fixed}.bar-tab:before{content:"";position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#e7e7e7;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio: 2){.bar-tab:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}}@media only screen and (-webkit-min-device-pixel-ratio: 3){.bar-tab:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33)}}.bar-tab:after{display:none}.bar-tab .tab-item{position:relative;display:table-cell;width:1%;height:4.4rem;color:#929292;text-align:center;vertical-align:middle}.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#0894ec}.bar-tab .tab-item .badge{position:absolute;top:.1rem;left:50%;z-index:100;height:.8rem;min-width:.8rem;padding:0 .2rem;font-size:.6rem;line-height:.8rem;color:#fff;vertical-align:top;background:red;border-radius:.5rem;margin-left:.1rem}.bar-tab .tab-item [class^=icon-],.bar-tab .tab-item [class*=" icon-"]{top:.05rem;height:1.2rem;font-size:1.8rem;line-height:1.2rem;padding-top:0;padding-bottom:0}.bar-tab .tab-item [class^=icon-]~.tab-label,.bar-tab .tab-item [class*=" icon-"]~.tab-label{display:block;font-size:1.2rem;position:relative;top:.15rem}[class*=" bar-"] .button,[class*=" bar-"] .button,[class^=bar-] .button,[class^=bar-] .button{position:relative;top:.35rem;z-index:20;margin-top:0;font-weight:400}.mobile .form-horizontal label{text-align:left}.mobile .form-horizontal .form-group{padding:1.5rem 0;margin-bottom:0;position:relative}.mobile .form-horizontal .form-group:not(:last-child){border-bottom:1px solid #e9e8ed}.mobile .form-horizontal .form-group label{font-size:1.6rem}.mobile .form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]),.mobile .form-horizontal .form-group .input-group .dropdown.select{width:auto;padding-top:1rem;color:#ababab}.mobile .form-horizontal .form-group label~.input-group:not([class*=" hex-"]):not([class^=hex-]){width:auto;margin-right:1rem;display:block;overflow:hidden;float:none}.mobile .form-horizontal .form-group .help{width:100%}.mobile .form-horizontal .form-group .input-group label{width:100%;padding-bottom:.7rem;margin-top:.3rem;margin-bottom:1rem}.mobile .form-horizontal .form-group .input-group label:last-child{margin-bottom:0}.mobile .form-horizontal .form-group .input-group input::-webkit-input-placeholder{color:#dadada}.mobile .form-horizontal .form-group .input-group input:not([type=checkbox]):not([type=radio]){border-width:0;box-shadow:none;-webkit-box-shadow:none;height:4rem;font-size:1.6rem}.mobile .form-horizontal .form-group .input-group .input-group-btn,.mobile .form-horizontal .form-group .input-group .input-group-addon{position:absolute;top:0;right:0;width:auto}.mobile .form-horizontal .form-group .input-group .input-group-btn:last-child [class*=" btn-"],.mobile .form-horizontal .form-group .input-group .input-group-btn:last-child [class^=btn-]{border-left-color:#c9c9c9;height:4rem;line-height:3.3rem;font-size:1.6rem}.mobile input[type=checkbox],.mobile input[type=radio]{width:18px;height:18px}.mobile input[type=radio]:after{width:6px;height:6px}html.dark body,body.dark,html.dark body .mobile .content,body.dark .mobile .content{background:#565656}.dark input:not(.btn):not([class^=btn-]):not([class*=" btn-"]):not([type=radio]):not([type=checkbox]),.dark textarea{background-color:#eaeaea;border:.1rem solid #a2a2a2}.dark input:not(.btn):not([class^=btn-]):not([class*=" btn-"]){border:.1rem solid #a2a2a2}.dark input[disabled],.dark input[readonly],.dark fieldset[disabled]{background-color:#bfbfbf !important}.dark input[type=radio]:before{color:#0c1021}.dark input[type=radio]{border:1px solid #9a9a9a}.dark input[type=checkbox].default:checked,.dark input[type=checkbox]:not(:disabled).default:indeterminate,.dark input[type=radio].default:checked,.dark input[type=checkbox]:disabled:checked,.dark input[type=radio]:disabled:checked{background-color:#b3b3b3}.dark .card{background:#cecece}.dark .table{background-color:#e6e6e6}.dark .panel{background-color:#cecece}.dark .select-menu-div{background:#b5b5b5}.dark .items{color:#cacaca}.dark .table th,.dark .table td{border-color:#cacaca}.dark .form-horizontal .help,.form-inline .help{color:#a2a2a2}.dark .list-group-even .list-item:nth-child(2n){background-color:#e6e6e6} 删除注释 属性转小写 横向排列 body { background-color:#181820; } .btn,[class*=" btn-"],[class^=btn-] { display:inline-block; padding:.6rem 1.2rem; margin-bottom:.2rem; font-size:1.4rem; font-weight:400; border:1px solid transparent; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#4285F4; border-radius:3px; color:#fff; } .btn:hover,.btn:focus,.btn:active,.btn.active,[class*=" btn-"]:hover,[class*=" btn-"]:focus,[class*=" btn-"]:active,[class*=" btn-"].active,[class^=btn-]:hover,[class^=btn-]:focus,[class^=btn-]:active,[class^=btn-].active { background-color:#0099ff; -webkit-transition:color 0.25s,background-color 0.25s; -moz-transition:color 0.25s,background-color 0.25s; -o-transition:color 0.25s,background-color 0.25s; transition:color 0.25s,background-color 0.25s; box-shadow:0 0.1rem 0.1rem rgba(0,0,0,.3); } .btn.bg-default,.btn.bg-gray,.btn.bg-white,[class*=" btn-"].bg-default,[class*=" btn-"].bg-gray,[class*=" btn-"].bg-white,[class^=btn-].bg-default,[class^=btn-].bg-gray,[class^=btn-].bg-white,.btn-default { border-color:#C9C9C9; color:#555; } .btn.bg-default:hover,.btn.bg-default:focus,.btn.bg-default:active,.btn.bg-default.active,[class*=" btn-"].bg-default:hover,[class*=" btn-"].bg-default:focus,[class*=" btn-"].bg-default:active,[class*=" btn-"].bg-default.active,[class^=btn-].bg-default:hover,[class^=btn-].bg-default:focus,[class^=btn-].bg-default:active,[class^=btn-].bg-default.active,.btn.bg-gray:hover,.btn.bg-gray:focus,.btn.bg-gray:active,.btn.bg-gray.active,[class*=" btn-"].bg-gray:hover,[class*=" btn-"].bg-gray:focus,[class*=" btn-"].bg-gray:active,[class*=" btn-"].bg-gray.active,[class^=btn-].bg-gray:hover,[class^=btn-].bg-gray:focus,[class^=btn-].bg-gray:active,[class^=btn-].bg-gray.active,.btn.bg-white:hover,.btn.bg-white:focus,.btn.bg-white:active,.btn.bg-white.active,[class*=" btn-"].bg-white:hover,[class*=" btn-"].bg-white:focus,[class*=" btn-"].bg-white:active,[class*=" btn-"].bg-white.active,[class^=btn-].bg-white:hover,[class^=btn-].bg-white:focus,[class^=btn-].bg-white:active,[class^=btn-].bg-white.active,.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active { border-color:#C9C9C9; background-color:#dadada; color:#555; } .btn.bg-red:hover,.btn.bg-red:focus,.btn.bg-red:active,.btn.bg-red.active,[class*=" btn-"].bg-red:hover,[class*=" btn-"].bg-red:focus,[class*=" btn-"].bg-red:active,[class*=" btn-"].bg-red.active,[class^=btn-].bg-red:hover,[class^=btn-].bg-red:focus,[class^=btn-].bg-red:active,[class^=btn-].bg-red.active,.btn.bg-danger:hover,.btn.bg-danger:focus,.btn.bg-danger:active,.btn.bg-danger.active,[class*=" btn-"].bg-danger:hover,[class*=" btn-"].bg-danger:focus,[class*=" btn-"].bg-danger:active,[class*=" btn-"].bg-danger.active,[class^=btn-].bg-danger:hover,[class^=btn-].bg-danger:focus,[class^=btn-].bg-danger:active,[class^=btn-].bg-danger.active,.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active { background-color:#a0151b; } .btn.bg-cyan:hover,.btn.bg-cyan:focus,.btn.bg-cyan:active,.btn.bg-cyan.active,[class*=" btn-"].bg-cyan:hover,[class*=" btn-"].bg-cyan:focus,[class*=" btn-"].bg-cyan:active,[class*=" btn-"].bg-cyan.active,[class^=btn-].bg-cyan:hover,[class^=btn-].bg-cyan:focus,[class^=btn-].bg-cyan:active,[class^=btn-].bg-cyan.active,.btn.bg-normal:hover,.btn.bg-normal:focus,.btn.bg-normal:active,.btn.bg-normal.active,[class*=" btn-"].bg-normal:hover,[class*=" btn-"].bg-normal:focus,[class*=" btn-"].bg-normal:active,[class*=" btn-"].bg-normal.active,[class^=btn-].bg-normal:hover,[class^=btn-].bg-normal:focus,[class^=btn-].bg-normal:active,[class^=btn-].bg-normal.active,.btn-normal:hover,.btn-normal:focus,.btn-normal:active,.btn-normal.active { background-color:#1e2c3c; } .btn.bg-black:hover,.btn.bg-black:focus,.btn.bg-black:active,.btn.bg-black.active,[class*=" btn-"].bg-black:hover,[class*=" btn-"].bg-black:focus,[class*=" btn-"].bg-black:active,[class*=" btn-"].bg-black.active,[class^=btn-].bg-black:hover,[class^=btn-].bg-black:focus,[class^=btn-].bg-black:active,[class^=btn-].bg-black.active { background-color:#2a2f3b; } .btn.bg-green:hover,.btn.bg-green:focus,.btn.bg-green:active,.btn.bg-green.active,[class*=" btn-"].bg-green:hover,[class*=" btn-"].bg-green:focus,[class*=" btn-"].bg-green:active,[class*=" btn-"].bg-green.active,[class^=btn-].bg-green:hover,[class^=btn-].bg-green:focus,[class^=btn-].bg-green:active,[class^=btn-].bg-green.active,.btn.bg-success:hover,.btn.bg-success:focus,.btn.bg-success:active,.btn.bg-success.active,[class*=" btn-"].bg-success:hover,[class*=" btn-"].bg-success:focus,[class*=" btn-"].bg-success:active,[class*=" btn-"].bg-success.active,[class^=btn-].bg-success:hover,[class^=btn-].bg-success:focus,[class^=btn-].bg-success:active,[class^=btn-].bg-success.active,.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active { background-color:#009688; } .btn.bg-orange:hover,.btn.bg-orange:focus,.btn.bg-orange:active,.btn.bg-orange.active,[class*=" btn-"].bg-orange:hover,[class*=" btn-"].bg-orange:focus,[class*=" btn-"].bg-orange:active,[class*=" btn-"].bg-orange.active,[class^=btn-].bg-orange:hover,[class^=btn-].bg-orange:focus,[class^=btn-].bg-orange:active,[class^=btn-].bg-orange.active,.btn.bg-warning:hover,.btn.bg-warning:focus,.btn.bg-warning:active,.btn.bg-warning.active,[class*=" btn-"].bg-warning:hover,[class*=" btn-"].bg-warning:focus,[class*=" btn-"].bg-warning:active,[class*=" btn-"].bg-warning.active,[class^=btn-].bg-warning:hover,[class^=btn-].bg-warning:focus,[class^=btn-].bg-warning:active,[class^=btn-].bg-warning.active,.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active { background-color:#b68023; } .btn-disabled,.btn-disabled:active,.btn-disabled:hover { border-color:#e6e6e6; background-color:#f1f1f1; color:#C9C9C9; cursor:not-allowed; opacity:1; box-shadow:none; } .btn-radius { border-radius:8px; } .btn-round { border-radius:50%; padding:.6rem; height:3rem; width:3rem; } .btn-hollow,.btn-hollow:hover,.btn-hollow:focus,.btn-hollow:active { background-color:transparent; border-color:#4285f4; color:#4285f4; } .btn-hollow.default,.btn-hollow.default:hover,.btn-hollow.default:focus,.btn-hollow.default:active,.btn-hollow.gray,.btn-hollow.gray:hover,.btn-hollow.gray:focus,.btn-hollow.gray:active { border-color:#dadada; color:#dadada !important; } .btn-hollow.white,.btn-hollow.white:hover,.btn-hollow.white:focus,.btn-hollow.white:active { border-color:#ffffff; } .btn-hollow.cyan,.btn-hollow.cyan:hover,.btn-hollow.cyan:focus,.btn-hollow.cyan:active,.btn-hollow.normal,.btn-hollow.normal:hover,.btn-hollow.normal:focus,.btn-hollow.normal:active { border-color:#2F4056; } .btn-hollow.black,.btn-hollow.black:hover,.btn-hollow.black:focus,.btn-hollow.black:active { border-color:#393D49; } .btn-hollow.green,.btn-hollow.green:hover,.btn-hollow.green:focus,.btn-hollow.green:active,.btn-hollow.success,.btn-hollow.success:hover,.btn-hollow.success:focus,.btn-hollow.success:active { border-color:#5FB878; } .btn-hollow.orange,.btn-hollow.orange:hover,.btn-hollow.orange:focus,.btn-hollow.orange:active,.btn-hollow.warning,.btn-hollow.warning:hover,.btn-hollow.warning:focus,.btn-hollow.warning:active { border-color:#F7B824; } .btn-hollow.red,.btn-hollow.red:hover,.btn-hollow.red:focus,.btn-hollow.red:active,.btn-hollow.danger,.btn-hollow.danger:hover,.btn-hollow.danger:focus,.btn-hollow.danger:active { border-color:#FF5722; } .btn-hollow.btn-disabled,.btn-hollow.btn-disabled:hover,.btn-hollow.btn-disabled:active { border-color:#e6e6e6; color:#C9C9C9; } .btn-group,.btn-group:hover { position:relative; display:inline-flex; vertical-align:middle; padding:0; border:none; border-radius:0; background-color:transparent; box-shadow:none; } .btn-group .btn,.btn-group .btn:hover,.btn-group [class*=" btn-"],.btn-group [class^=btn-] { border-color:#ffffff !important; border-bottom:none; border-top:none; border-right:none; border-radius:0; } .btn-group .btn:first-child,.btn-group [class*=" btn-"]:first-child,.btn-group [class^=btn-]:first-child { border-left:none; border-top-left-radius:3px; border-bottom-left-radius:3px; } .btn-group .btn:last-child,.btn-group [class*=" btn-"]:last-child,.btn-group [class^=btn-]:last-child { border-right:none; border-top-right-radius:3px; border-bottom-right-radius:3px; } .btn-animate { -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; cursor:pointer; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; transition:.3s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background:transparent; outline:0; -webkit-tap-highlight-color:transparent; width:4.4rem; height:4.4rem; } .btn-animate .menu { display:inline-block; height:2px; width:1.8rem; border-radius:.1rem; transition:.3s; background:#fff; position:relative; } .btn-animate .menu::before,.btn.btn-animate .menu::after { display:inline-block; height:2px; transition:.3s; background:#fff; content:''; position:absolute; left:0; -webkit-transform-origin:1px center; transform-origin:1px center; width:1.8rem; } .btn-animate .menu::before { top:-.6rem; } .btn-animate .menu::after { top:.6rem; } .btn-animate.active .menu::before { -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); left:-.6rem; } .active.btn-animate.active .menu::after { -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); left:-.6rem; } .active.btn-animate.active .menu { /*-webkit-transform:scale3d(0.8,.8,.8); transform:scale3d(0.8,.8,.8);*/width:0; background:transparent; } button.btn,button[class*=" btn-"],button[class^=btn-] { padding-top:.7rem; padding-bottom:.8rem; } button.btn-sm { padding-top:.6rem; padding-bottom:.6rem; } button.btn-xs,button.btn-mini { padding-top:.3rem; padding-bottom:.4rem; } button.btn-big { padding-top:1.1rem; padding-bottom:1.3rem; margin-bottom:.1rem; } input.btn,input[class*=" btn-"],input[class^=btn-] { height:3rem; border:none; padding-top:0; padding-bottom:0; } input.btn-sm { height:2.4rem; margin-bottom:.1rem; } input.btn-xs,input.btn-mini { height:2rem; margin-bottom:.1rem; } input.btn-big { height:4rem; margin-bottom:.1rem; } [class*=" btn-"] [class*=" icon-"],[class*=" btn-"] [class^=icon-],[class^=btn-] [class*=" icon-"],[class^=btn-] [class^=icon-] { padding:1px 5px 1px 0; } .btn-xxl { padding:1.5rem 3rem; font-size:1.8rem; } .btn-xl,.btn-big { padding:1rem 2.5rem; font-size:1.6rem; } .btn-sm { padding:0.4rem 0.8rem; font-size:1.2rem; } .btn-xs,.btn-mini { padding:0.2rem 0.4rem; font-size:1.2rem; } .btn-round.btn-xxl { padding:2rem 0; width:6rem; height:6rem; } .btn-round.btn-xl,.btn-round.btn-big { padding:1rem 0; width:4rem; height:4rem; } .btn-round.btn-sm,.btn-round.btn-xs { padding:.2rem 0; width:2rem; height:2rem; } .btn-round.btn-xs { transform:scale(0.8,0.8); } .btn-xs>[class*=" icon-"],.btn-xs>[class^=icon-] { font-size:12px; } .hex { margin:0 -0.5rem; } .hex-1,.hex-2,.hex-3,.hex-4,.hex-5,.hex-6,.hex-7,.hex-8,.hex-9,.hex-10,.hex-11,.hex-12 { padding:0 .5rem; } .nav-bar,.nav .this:after,.nav-tree .nav-itemed:after { background-color:#de2600; } .nav .nav-item a { padding:0 15px; } .nav .nav-item.nav-release a,.nav .nav-item.nav-app a { color:#e54d42; } .media { position:relative; } .media.loading { background-color:#000000; } .media.error { background-color:#000000; background-image:url(/templates/default/static/images/media-error.png) !important; } .top-nav { background-color:#161616; } .top-nav .nav { background-color:#161616; } .top-search { text-align:center; } .top-search form { border:1px solid #000; border-radius:5px; box-shadow:inset 0 0 0 1px #272727; display:inline-block; font-size:0; position:relative; z-index:1; } .top-search input { background:#222; background:-webkit-linear-gradient(#333,#222); background:-moz-linear-gradient(#333,#222); background:-o-linear-gradient(#333,#222); background:-ms-linear-gradient(#333,#222); background:linear-gradient(#333,#222); border:1px solid #444; border-radius:5px 0 0 5px; box-shadow:0 2px 0 #000; color:#888; display:block; float:left; font-family:Cabin,helvetica,arial,sans-serif; font-size:13px; font-weight:400; height:40px; margin:0; padding:0 10px; text-shadow:0 -1px 0 #000; width:200px; } .ie .top-search input { line-height:40px; } .top-search input::-webkit-input-placeholder { color:#888; } .top-search input:-moz-placeholder { color:#888; } .top-search input:focus { -webkit-animation:glow .8s ease-out infinite alternate; -moz-animation:glow .8s ease-out infinite alternate; -o-animation:glow .8s ease-out infinite alternate; -ms-animation:glow .8s ease-out infinite alternate; animation:glow .8s ease-out infinite alternate; background:#222922; background:-webkit-linear-gradient(#333933,#222922); background:-moz-linear-gradient(#333933,#222922); background:-o-linear-gradient(#333933,#222922); background:-ms-linear-gradient(#333933,#222922); background:linear-gradient(#333933,#222922); border-color:#393; box-shadow:0 0 5px rgba(0,255,0,.2),inset 0 0 5px rgba(0,255,0,.1),0 2px 0 #000; color:#efe; outline:0; } .top-search input:focus::-webkit-input-placeholder { color:#efe; } .top-search input:focus:-moz-placeholder { color:#efe; } .top-search button { background:#222; background:-webkit-linear-gradient(#333,#222); background:-moz-linear-gradient(#333,#222); background:-o-linear-gradient(#333,#222); background:-ms-linear-gradient(#333,#222); background:linear-gradient(#333,#222); -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; box-sizing:content-box; border:1px solid #444; border-left-color:#000; border-radius:0 5px 5px 0; box-shadow:0 2px 0 #000; color:#fff; display:block; float:left; font-family:Cabin,helvetica,arial,sans-serif; font-size:13px; font-weight:400; height:38px; line-height:38px; margin:0; padding:0; position:relative; text-shadow:0 -1px 0 #000; width:80px; } .top-search button:focus,.top-search button:hover { background:#292929; background:-webkit-linear-gradient(#393939,#292929); background:-moz-linear-gradient(#393939,#292929); background:-o-linear-gradient(#393939,#292929); background:-ms-linear-gradient(#393939,#292929); background:linear-gradient(#393939,#292929); color:#de2600; outline:0; } .top-search button:active { background:#292929; background:-webkit-linear-gradient(#393939,#292929); background:-moz-linear-gradient(#393939,#292929); background:-o-linear-gradient(#393939,#292929); background:-ms-linear-gradient(#393939,#292929); background:linear-gradient(#393939,#292929); box-shadow:0 1px 0 #000,inset 1px 0 1px #222; top:1px; } .hot-search input { width:300px; } .card { box-shadow:0 0.1rem 0.2rem rgba(95,77,77,0.3); background-color:#161616; } .card .card-content { display:block; } .card .card-content .media,.card .card-content .video-preview { height:194px !important; cursor:pointer; } .card .card-content .video-preview { position:absolute; width:100%; top:0; left:0; height:100%; display:none; } .card .card-content .video-preview video { width:100%; height:100%; object-fit:none; } .card .card-content .badge { position:absolute; right:3px; top:3px; z-index:1; } .card .card-content .duration { position:absolute; left:3px; top:3px; right:auto; } .card .card-footer { height:3rem; background-color:#161616; flex-flow:wrap; } .card .card-footer:before { content:none; } .card .card-footer .title { -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#999; display:-webkit-box; -webkit-box-orient:vertical; width:100%; overflow:hidden; } .card .card-footer .remark .channels { text-decoration:underline; } .card-messages { width:480px; max-width:80%; margin:0 auto; box-shadow:0 0.1rem 0.2rem rgba(95,77,77,0.5); } .card-messages a { color:#de2600; } .card-messages a:hover { text-decoration:underline; color:#ff4b25; } .card-messages .card-content { color:white; } .card-messages .card-header { background:#de2600; color:white; } .card-messages .card-footer { background-color:#2d2e34; height:3rem; } .card-messages .card-header:after { background-color:#535353; } .narArts { margin-bottom:20px; position:relative; } .narArts .media { margin:0; } .narArts .badge { position:absolute; right:0; z-index:3; border-radius:0; } .narArts img { max-width:100%; width:100%; } .narArts a { position:relative; display:block; color:#fff; height:inherit; } .narArts a:hover>.media { filter:brightness(.9); -webkit-filter:brightness(.9); } .narArts h1,.narArts h2 { text-shadow:1px 1px 2px rgba(0,0,0,.75); bottom:0; margin-bottom:0; line-height:1.8; position:absolute; left:0; right:0; padding:12px 13px 3pt; color:#fff; background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.3) 35%,rgba(0,0,0,.3) 100%); -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -o-transition:all 0.25s; transition:all 0.25s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2; } .narArts h1 { font-size:18px; } .narArts h2 { font-size:14px; } .narArts a:hover { background:rgba(0,0,0,.3); } .narArts a:hover h1,.narArts a:hover h2 { padding-bottom:8px; top:0; white-space:normal; margin-top:0; } .bg-red { background-color:#de2600; } .bg-black { background-color:#393D49; } .bg-grey { background-color:#8799a3; color:#ffffff; } .bg-green { background-color:#39b54a; } .bg-orange { background-color:#f37b1d; } .bg-yellow { background-color:#fbbd08; } .bg-olive { background-color:#8dc63f; } .bg-purple { background-color:#6739b6; } .bg-mauve { background-color:#9c26b0; } .bg-pink { background-color:#e03997; } .bg-brown { background-color:#a5673f; } .bg-grey { background-color:#8799a3; } .bg-gray { background-color:#f0f0f0; } .bg-black { background-color:#393d49; } .center-title { padding:16px 0; text-align:center; } .center-title h2 { background:#9fa3af; display:inline-block; zoom:1; padding:0 22px; } .center-title h2 a { background:#da0000; padding:5px 10px; color:white; } .videos-related { overflow:hidden; height:900px; } .videos-related.this { height:auto; } .show-videos-related-btn { padding-left:6rem; padding-right:6rem; margin-top:2rem; } .comments .avatar { width:50px; height:50px; display:block; background-color:#941900; color:#fff; text-align:center; font-size:2.4rem; line-height:5rem; text-transform:uppercase; } .comments .username { text-decoration:underline; } .comments .message { margin-left:2rem; padding:0 1rem; background-color:#212223; color:#dedede; } .comments .message p { word-break:break-all; } .profile-avatar { top:20px; left:20px; box-shadow:0 0.1rem 0.2rem rgba(95,77,77,0.3); } .profile { right:20px; position:absolute; top:50%; font-size:2.4rem; color:white; text-shadow:#000 3px 4px 5px; line-height:1rem; } .pagination li a { background-color:#2a323d; border:1px solid #3b424c; color:#b5b8c2; } .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { background-color:#de2600; border-color:#de2600; color:#ffffff; } .pagination>li>.active,.pagination>li>.active:hover,.pagination>li>.active>a:focus,.pagination>li>.active>a:hover,.pagination>li>.active>span,.pagination>li>.active>span:focus,.pagination>li>.active>span:hover { background-color:#de2600; border-color:#de2600; } .footer { background:#23232b; height:auto; padding-bottom:3rem; } .footer .main { height:auto; margin-bottom:-5px; } .friend-link { width:100%; padding:0 10px; margin:42px 0; } .friend-link a { font-size:12px; padding:2px 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; width:16.321%; height:25px; line-height:18px; background-color:#2A323D; color:#b5b8c2; float:left; text-align:center; margin:0 2px 2px 2px; border:1px #3b424c solid; } .friend-link a:hover { background-color:#393d49; } .footer-bottom { width:100%; background-color:#212223; float:left; text-align:center; padding:2rem 0; color:#5e6775; } .footer-bottom p { margin-top:5px; font-size:12px; } #keywords .badge,.keywords .badge { margin-bottom:5px; margin-right:3px; } .hot-keywords .badge { margin-bottom:3px; margin-right:3px; height:25px; line-height:18px; font-size:1.4rem; padding:4px 6px; } .best-btn-box { margin:0 -.5rem; height:9.2rem; overflow:hidden; } .best-btn-box.this { height:auto; } .best-btn-box .btn,.best-btn-box [class*=" btn-"],.best-btn-box [class^=btn-] { margin:.171rem; width:7.986%; } .best-btn-box .btn:hover,.best-btn-box [class*=" btn-"]:hover,.best-btn-box [class^=btn-]:hover,.best-btn-box .btn.this,.best-btn-box [class*=" btn-"].this,.best-btn-box [class^=btn-].this { background-color:#da0000; } .show-best-box-btn { position:relative; width:260px; left:50%; margin-left:-130px; } @-webkit-keyframes glow { 0% { border-color:#941900; box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000; } 100% { border-color:#f12900; box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000; } ;}@-moz-keyframes glow { 0% { border-color:#941900; box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000; } 100% { border-color:#f12900; box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000; } ;}@-o-keyframes glow { 0% { border-color:#941900; box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000; } 100% { border-color:#f12900; box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000; } ;}@-ms-keyframes glow { 0% { border-color:#941900; box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000; } 100% { border-color:#f12900; box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000; } ;}@keyframes glow { 0% { border-color:#941900; box-shadow:0 0 5px rgba(255,0,0,.2),inset 0 0 5px rgba(255,0,0,.1),0 2px 0 #000; } 100% { border-color:#f12900; box-shadow:0 0 20px rgba(255,0,0,.6),inset 0 0 10px rgba(255,0,0,.4),0 2px 0 #000; } ;}.notice { height:19px; padding-left:10px; margin:8px 0; overflow:hidden; position:relative; cursor:pointer; } .notice b { line-height:19px; font-weight:700; display:inline-block; color:#c30505; } .notice .notice-item { line-height:19px; display:inline-block; position:absolute; top:0; margin:0; color:#fff; } .notice .notice-item a { color:#fff; } .notice-model { position:fixed; width:768px; height:300px; top:60px; left:50%; transform:translateX(-50%); background:rgb(22 22 22 / 0.9); padding:10px 20px; z-index:999; display:none; counter-reset:li; box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.3); } .notice-model.this { display:block; } .notice-model .notice-close { position:absolute; right:0; color:#ffffff; font-size:18px; background-color:#bc0606; width:20px; height:20px; line-height:18px; text-align:center; top:0; cursor:pointer; } .notice-model .notice-close:hover { background-color:#900505; } .notice-model b { line-height:19px; font-weight:700; display:inline-block; color:#c30505; font-size:18px; } .notice-model .notice-item { line-height:19px; font-size:16px; color:#fff; } .notice-model .notice-item li { position:relative; margin-left:1em; line-height:1.5em; } .notice-model .notice-item li:before { content:counter(li) "."; counter-increment:li; position:absolute; left:-1em; } .hot-channels-box { display:flex; flex-wrap:wrap; } .hot-channels-box .narArts { width:8.33333333%; margin-bottom:0; } .hot-channels-box .narArts .media { height:100px !important; } .hot-channels-box .narArts h2 { font-size:12px; opacity:.6; } .hot-channels-box .narArts a:hover h2 { opacity:1; } /*.dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview { background-size:960px 450px !important; }*/ .dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview { background-size:1740px 979px !important; } .dplayer-controller .dplayer-icons .dplayer-comment { display:none !important; } .dplayer-controller .dplayer-icons.dplayer-comment-box { display:none !important; } .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move { animation-duration:8s !important; } .control-bar { background-color:#232327; padding:8px; color:#efefef; } .danmaku-controller { margin-right:30px; } .danmaku-controller label.switch input[type=checkbox]:checked+.checkbox { background:#2dbf42; } .form-danmaku { position:relative; border-collapse:separate; text-align:left; padding:0; } .form-danmaku .danmaku-setting { position:relative; } .form-danmaku .danmaku-setting svg { width:25px; height:25px; margin-top:2px; margin-right:8px; color:#fff; cursor:pointer; } .form-danmaku .danmaku-setting svg path { fill:#e8e8e8; } .form-danmaku .danmaku-setting * { box-sizing:content-box; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box { position:absolute; background:rgba(28,28,28,.9); bottom:41px; left:0; box-shadow:0 0 25px rgba(0,0,0,.3); border-radius:4px; padding:10px 10px 16px; font-size:14px; width:204px; transition:all .3s ease-in-out; transform:scale(0); z-index:9; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box.dplayer-comment-setting-open { -webkit-transform:scale(1); transform:scale(1); } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color { font-size:0; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-title { font-size:13px; color:#fff; line-height:30px; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box label { cursor:pointer; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color label { font-size:0; padding:6px; display:inline-block; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box input[type=radio] { display:none; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type { font-size:0; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type label { display:inline; margin-bottom:0; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span { border-radius:4px 0 0 4px; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span { border-radius:0 4px 4px 0; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type span { width:33%; padding:4px 6px; line-height:16px; display:inline-block; font-size:12px; color:#fff; border:1px solid #fff; margin-right:-1px; box-sizing:border-box; text-align:center; cursor:pointer; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+span { background:#e4e4e6; color:#1c1c1c; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color { font-size:0; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color label { font-size:0; padding:6px; display:inline-block; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color span { width:22px; height:22px; display:inline-block; border-radius:50%; box-sizing:border-box; cursor:pointer; } .form-danmaku .danmaku-setting .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover { -webkit-animation:my-face 5s infinite ease-in-out; animation:my-face 5s infinite ease-in-out; } .form-danmaku input { border-top-right-radius:0; border-bottom-right-radius:0; color:#fff; min-width:300px; max-width:600px; border:1px solid #4c4a4a; border-right:none; } .form-danmaku input:focus { border-color:#4c4a4a; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(55,57,59,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(55,57,59,.6); } .form-danmaku button { border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:transparent; padding:3px 1.2rem; height:3rem; line-height:2.4rem; white-space:nowrap; vertical-align:middle; background-color:#da0000; } .translate-source { font-size:12px; color:#585e63; } .translate-source:before { display:inline-block; content:'[原文]'; margin-right:2px; } .card.card-help-tips { display:none; background-color:#751018; color:#aaa; } .card.card-help-tips .card-header:after { background-color:#9a8c8c; } .card.card-help-tips .card-help-tips-browser-name { color:#ffffff; padding:0 5px; } .card.card-help-tips .card-help-link { color:#ffffff; text-decoration:underline; } .card.card-help-tips .card-footer { height:4rem; background-color:#4a090e; color:#cccccc; } .card.card-help-tips .card-content a { text-decoration:underline; padding:0 .3rem; } .help-box .keynote { color:#e54d42; margin:0 3px; } .help-box .card .card-header { color:#e54d42; font-size:1.8rem; } .help-box .card .card-header:after { background-color:#313131; } .help-box .card .card-content { font-size:16px; padding:10px; color:#adadad; } .help-box ol { padding-left:2rem; font-size:14px; } .help-box ol li:before { content:"⬤"; margin-top:.05em; margin-right:.5em; font-weight:400; color:#ffffff; } .help-box ol li { overflow:hidden; margin-bottom:10px; } .help-box .help-tips { color:#6d6d6d; font-size:13px; } .help-box .deprecated h3 { margin-top:2rem; margin-bottom:.5rem; } .help-box .deprecated ol li { text-decoration:line-through; } .app-banner { display:block; position:relative; } .app-banner .app-banner-info { position:absolute; text-align:center; width:100%; top:50%; transform:translateY(-50%); } .app-banner .app-banner-info h1 { color:#fff; letter-spacing:2rem; font-size:3.5rem; margin:0; text-shadow:0 7px 8px rgba(0,0,0,.8); } .app-banner .app-banner-info p { color:#fff; letter-spacing:.5rem; font-size:2rem; margin-top:0.5rem; margin-bottom:0; text-shadow:0 7px 8px rgba(0,0,0,.8); font-weight:bold; } .app-banner .app-banner-info p>span { margin:0 5px; } .domain-tips { background-color:#8d0d0d; } .domain-tips-text { color:#fff; text-shadow:0 3px 3px #751018; font-weight:bold; } .domain-tips-text-keynote { color:#fbbd08; display:inline-block; animation-duration:1.2s; animation-fill-mode:both; animation-timing-function:ease-in-out; animation-name:headShake; animation-iteration-count:infinite; } .dplayer-danmaku .dplayer-danmaku-item { text-shadow:1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,-1px 0 1px #000000 !important; } .dplayer.dplayer-arrow .dplayer-danmaku { font-size:17px !important; } .items { background-color:#232323; } .items .item { padding:2rem 1rem; border-bottom:1px dashed #484848; -webkit-transition:all .4s cubic-bezier(.175,.885,.32,1); -o-transition:all .4s cubic-bezier(.175,.885,.32,1); transition:all .4s cubic-bezier(.175,.885,.32,1); } .items .item-heading { color:#e5e5e5; } .items .item-heading h1,.items .item-heading h2,.items .item-heading h3,.items .item-heading h4,.items .item-heading h5,.items .item-heading>h6 { margin-top:0; } .items .item-content { word-wrap:break-word; color:#969696; } .items .item-content:after,.items .item-content:before { display:table; content:" "; } .items .item-content:after { clear:both; } .items .item-content>.media { width:100%; margin:5px 0; height:20%; } .items .item-footer { padding-top:1rem; color:#626262; display:flex; justify-content:space-between; } .items .item-footer>a { color:grey; } .items .item>.media { margin:0 10px 0 0; display:inline-block; } .items .item>.media~.item-footer { margin-top:-2.2rem; } .items .item:hover { background-color:#404040; } .article-title { padding:30px 0 10px 0; margin:0; text-align:center; color:#e5e5e5; } .article-info { text-align:center; color:#969696; } .article-info>span { margin:0 10px; } .article-info>span:first-child { margin-left:0; } .article-info>span:last-child { margin-right:0; } .article-content { border-top:1px dashed #484848; border-bottom:1px dashed #484848; font-size:1.4rem; padding:10px 0; margin:10px 0; color:#e5e5e5; overflow:hidden; width:100%; } .article-content img { max-width:60% !important; } .article-content table { max-width:100%; width:auto !important; border:1px solid #00000a; } .article-content table th,.article-content table td { padding:9px 15px; min-height:20px; line-height:20px; border:1px solid #00000a; } .article-content table tr { border:1px solid #00000a; } .article-more { color:#858585; width:100%; display:inline-table; } .article-more>div { width:50%; display:inline-block; } .article-more>div:last-child { text-align:right; } .article-keywords { color:#686868; } .article-keywords a { margin:0 3px; } .article-keywords a:first-child { margin-left:0; } .article-keywords a:last-child { margin-right:0; } .article-right { margin-left:2rem; width:280px; } .article-right .article-right-title { padding-left:12px; font-size:16px; border-left:4px solid #d22222; margin:1rem 0; color:#fff; } .article-right .items .item { padding:1rem; } .article-right .items .item:last-child { border-bottom:none; } .article-right .items .item .media { min-height:60px; } .video-keyword { position:relative; display:inline-block; padding:5px 10px; font-size:12px; text-align:center; background-color:#282831; color:#fff; border-radius:2px; margin-left:.5rem; } .video-keyword:hover { background-color:#3d3d47; } .video-username { background-color:#a50b0b; } .video-username:hover { background-color:#650404; } .video-username .badge { background-color:#650404; } .video-model { background-color:#650404; } .video-model:hover { background-color:#490303; } .video-model .badge { background-color:#a50b0b; } * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; list-style:none; } html { font-size:62.5%; } body { font-family:"微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Segoe UI",Arial,Verdana,Sans-Serif,sans-serif; padding:0; margin:0; font-size:1.2rem; color:#333; line-height:1.42857143; } a { color:inherit; -webkit-transition:color .25s; -moz-transition:color .25s; -o-transition:color .25s; transition:color .25s; background-color:rgba(0,0,0,0); -webkit-text-decoration-skip:objects; } a,a:hover,a:focus { text-decoration:none; } a:active,a:hover { outline-width:0; } h1,h2,h3,h4,h5,p,ul,a,span { font-family:"微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Hiragino Sans GB W3","Segoe UI",Arial,Verdana,Sans-Serif,sans-serif; } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display:block; } audio,canvas,progress,video { display:inline-block; vertical-align:baseline; } audio:not([controls]) { display:none; height:0; } table { border-collapse:collapse; border-spacing:0; } hr { margin-top:25px; margin-bottom:25px; border:0; border-top:1px solid #d4d4d4; } ul { padding-left:0; } html { font-family:sans-serif; line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } h1 { margin:.67em 0; font-size:2em; } figcaption,figure,main { display:block; } figure { margin:1em 40px; } hr { overflow:visible; box-sizing:content-box; height:0; } pre { font-size:1em; font-family:monospace,monospace; } abbr[title] { border-bottom:none; text-decoration:underline dotted; } b,strong { font-weight:inherit; } b,strong { font-weight:bolder; } code,kbd,samp { font-size:1em; font-family:monospace,monospace; } dfn { font-style:italic; } mark { background-color:#ff0; color:#000; } small { font-size:80%; } sub,sup { position:relative; vertical-align:baseline; font-size:75%; line-height:0; } sub { bottom:-0.25em; } sup { top:-0.5em; } audio,video { display:inline-block; } audio:not([controls]) { display:none; height:0; } img { border-style:none; vertical-align:middle; } svg:not(:root) { overflow:hidden; } button,input,optgroup,select,textarea { margin:0; font-size:100%; font-family:sans-serif; line-height:1.15; } button,input { overflow:visible; } input,textarea,select,button { text-transform:none; outline:0 none; } [type=reset],[type=submit],button,html [type=button] { -webkit-appearance:button; } [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding:0; border-style:none; } [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring { outline:1px dotted ButtonText; } fieldset { margin:0 2px; padding:.35em .625em .75em; border:1px solid silver; } legend { display:table; box-sizing:border-box; padding:0; max-width:100%; color:inherit; white-space:normal; } progress { display:inline-block; vertical-align:baseline; } textarea { overflow:auto; } [type=checkbox],[type=radio] { box-sizing:border-box; padding:0; } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height:auto; } [type=search] { outline-offset:-2px; -webkit-appearance:textfield; } [type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { font:inherit; -webkit-appearance:button; } summary { display:list-item; } canvas { display:inline-block; } template,[hidden] { display:none; } dd { -webkit-margin-start:0; } .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before { display:table; content:" "; } .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after { clear:both; } blockquote { margin:1rem; padding:1rem; } .sp_results>li { padding:6px !important; } input.btn.sp_input { color:#0a001f; background-color:#ececec; padding-right:2.2rem; caret-color:rgba(0,0,0,0); border:none !important; box-shadow:0 .1rem .1rem rgba(0,0,0,.3) !important; } input.btn.sp_input::-webkit-input-placeholder { color:#46474d; } input.btn.sp_input~.sp_clear_btn { display:flex; align-items:center; padding:0; } input.btn.sp_input.no-clear-btn~.sp_clear_btn { display:none !important; } input.btn.sp_input:hover,input.btn.sp_input:focus,input.btn.sp_input.focus,input.btn.sp_input:active,input.btn.sp_input.active { background-color:#d3d3d3; } .hex-12 { width:100%; } .hex-11 { width:91.66666667%; } .hex-10 { width:83.33333333%; } .hex-9 { width:75%; } .hex-8 { width:66.66666667%; } .hex-7 { width:58.33333333%; } .hex-6 { width:50%; } .hex-5 { width:41.66666667%; } .hex-4 { width:33.33333333%; } .hex-3 { width:25%; } .hex-2 { width:16.66666667%; } .hex-1 { width:8.33333333%; } .hex-1,.hex-2,.hex-3,.hex-4,.hex-5,.hex-6,.hex-7,.hex-8,.hex-9,.hex-10,.hex-11,.hex-12 { float:left; padding:0 1rem; min-height:.01rem; position:relative; } .hex { margin:0 -1rem; position:relative; } .grid { display:flex; flex-wrap:wrap; } .grid.grid-square { overflow:hidden; } .grid.grid-square .cu-tag { position:absolute; right:0; top:0; border-bottom-left-radius:6px; padding:6px 12px; height:auto; background-color:rgba(0,0,0,.5); } .grid.grid-square>view>text[class*=cuIcon-] { font-size:52px; position:absolute; color:#8799a3; margin:auto; top:0; bottom:0; left:0; right:0; display:flex; justify-content:center; align-items:center; flex-direction:column; } .grid.grid-square>view { margin-right:20px; margin-bottom:20px; border-radius:6px; position:relative; overflow:hidden; } .grid.grid-square>view.bg-img image { width:100%; height:100%; position:absolute; } .grid.col-1.grid-square>view { padding-bottom:100%; height:0; margin-right:0; } .grid.col-2.grid-square>view { padding-bottom:calc((100% - 20px)/2); height:0; width:calc((100% - 20px)/2); } .grid.col-3.grid-square>view { padding-bottom:calc((100% - 40px)/3); height:0; width:calc((100% - 40px)/3); } .grid.col-4.grid-square>view { padding-bottom:calc((100% - 60px)/4); height:0; width:calc((100% - 60px)/4); } .grid.col-5.grid-square>view { padding-bottom:calc((100% - 80px)/5); height:0; width:calc((100% - 80px)/5); } .grid.col-2.grid-square>view:nth-child(2n),.grid.col-3.grid-square>view:nth-child(3n),.grid.col-4.grid-square>view:nth-child(4n),.grid.col-5.grid-square>view:nth-child(5n) { margin-right:0; } .grid.col-1>div { width:100%; } .grid.col-2>div { width:50%; } .grid.col-3>div { width:33.33%; } .grid.col-4>div { width:25%; } .grid.col-5>div { width:20%; } @font-face { font-family:"icons"; src:url("./fonts/icons.woff") format("woff"); font-weight:normal; font-style:normal; } .dropdown-toggle:after,.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 rgba(0,0,0,0); border-left:4px solid rgba(0,0,0,0); } .icon-spin { -webkit-animation:spin 2s infinite linear; animation:spin 2s infinite linear; } [class*=" icon-"],[class^=icon-],.icon,.table tr th.unsorted,.table tr th.sort-up,.table tr th.sort-down { font-family:icons; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:1.2rem; } .card-drop,.card-more { position:relative; top:1px; display:inline-block; font-family:icons; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-hex:before { content:""; } .icon-laptop:before { content:""; } .icon-desktop:before { content:""; } .icon-desktop-o:before { content:""; } .icon-display:before { content:""; } .icon-tablet:before { content:""; } .icon-mobile:before { content:""; } .icon-phone:before { content:""; } .icon-chip:before { content:""; } .icon-server:before { content:""; } .icon-camera-retro:before { content:""; } .icon-camera:before { content:""; } .icon-camera-o:before { content:""; } .icon-keyboard:before { content:""; } .icon-keyboard-o:before { content:""; } .icon-usb:before { content:""; } .icon-game:before { content:""; } .icon-mouse:before { content:""; } .icon-print:before { content:""; } .icon-disk:before { content:""; } .icon-save:before { content:""; } .icon-database:before { content:""; } .icon-database-o:before { content:""; } .icon-microphone:before { content:""; } .icon-microphone-o:before { content:""; } .icon-microphone-off:before { content:""; } .icon-blink:before { content:""; } .icon-blink-o:before { content:""; } .icon-happy:before { content:""; } .icon-smile:before { content:""; } .icon-frown:before { content:""; } .icon-meh:before { content:""; } .icon-steering:before { content:""; } .icon-truck:before { content:""; } .icon-car:before { content:""; } .icon-taxi:before { content:""; } .icon-train:before { content:""; } .icon-ship:before { content:""; } .icon-airplane:before { content:""; } .icon-bicycle:before { content:""; } .icon-anchor:before { content:""; } .icon-key-l:before { content:""; } .icon-key:before { content:""; } .icon-key-o:before { content:""; } .icon-lock:before { content:""; } .icon-unlock:before { content:""; } .icon-unlock-alt:before { content:""; } .icon-location:before { content:""; } .icon-location-o:before { content:""; } .icon-location2:before { content:""; } .icon-location2-o:before { content:""; } .icon-location3:before { content:""; } .icon-location4:before { content:""; } .icon-earth:before { content:""; } .icon-earth2:before { content:""; } .icon-network:before { content:""; } .icon-histogram:before { content:""; } .icon-wifi:before { content:""; } .icon-rss:before { content:""; } .icon-link:before { content:""; } .icon-unlink:before { content:""; } .icon-node:before { content:""; } .icon-node2:before { content:""; } .icon-node3:before { content:""; } .icon-wifi-full:before { content:""; } .icon-wifi-not-full:before { content:""; } .icon-wifi-check:before { content:""; } .icon-signal-full:before { content:""; } .icon-signal-not-full:before { content:""; } .icon-signal-lock:before { content:""; } .icon-node4:before { content:""; } .icon-node-plus:before { content:""; } .icon-node-minus:before { content:""; } .icon-node-bad:before { content:""; } .icon-node-signal:before { content:""; } .icon-node-safe:before { content:""; } .icon-signal:before { content:""; } .icon-node-server:before { content:""; } .icon-node-server-off:before { content:""; } .icon-node-man:before { content:""; } .icon-cc:before { content:""; } .icon-cc-by:before { content:""; } .icon-cc-nc:before { content:""; } .icon-cc-nc-eu:before { content:""; } .icon-cc-nc-cn:before { content:""; } .icon-cc-nd:before { content:""; } .icon-cc-pd:before { content:""; } .icon-cc-sa:before { content:""; } .icon-cc-remix:before { content:""; } .icon-cc-sam:before { content:""; } .icon-cc-sha:before { content:""; } .icon-caret-down:before { content:""; } .icon-caret-up:before { content:""; } .icon-caret-left:before { content:""; } .icon-caret-right:before { content:""; } .icon-sort-down:before { content:""; } .icon-sort-up:before { content:""; } .icon-unsorted:before { content:""; } .icon-unsorted-r:before { content:""; } .icon-pause:before { content:""; } .icon-angle-left:before { content:""; } .icon-angle-right:before { content:""; } .icon-angle-up:before { content:""; } .icon-angle-down:before { content:""; } .icon-angle-double-left:before { content:""; } .icon-angle-double-right:before { content:""; } .icon-angle-double-up:before { content:""; } .icon-angle-double-down:before { content:""; } .icon-previous:before { content:""; } .icon-next:before { content:""; } .icon-chevron-left:before { content:""; } .icon-chevron-right:before { content:""; } .icon-chevron-left-o:before { content:""; } .icon-chevron-right-o:before { content:""; } .icon-arrow-left-w:before { content:""; } .icon-arrow-down-w:before { content:""; } .icon-arrow-up-w:before { content:""; } .icon-arrow-right-w:before { content:""; } .icon-arrow-left-l:before { content:""; } .icon-arrow-down-l:before { content:""; } .icon-arrow-up-l:before { content:""; } .icon-arrow-right-l:before { content:""; } .icon-code:before { content:""; } .icon-arrow-circle-left:before { content:""; } .icon-arrow-circle-right:before { content:""; } .icon-arrow-circle-up:before { content:""; } .icon-arrow-circle-down:before { content:""; } .icon-chevron-circle-left:before { content:""; } .icon-chevron-circle-right:before { content:""; } .icon-chevron-circle-up:before { content:""; } .icon-chevron-circle-down:before { content:""; } .icon-chevron-circle-move:before { content:""; } .icon-move:before { content:""; } .icon-arrow-left:before { content:""; } .icon-arrow-right:before { content:""; } .icon-arrow-up:before { content:""; } .icon-arrow-down:before { content:""; } .icon-arrow-right-thick:before { content:""; } .icon-flat-down:before { content:""; } .icon-arrow-left-thick:before { content:""; } .icon-chevron-left:before { content:""; } .icon-chevron-right:before { content:""; } .icon-cycle:before { content:""; } .icon-cw:before { content:""; } .icon-ccw:before { content:""; } .icon-cloud-download:before { content:""; } .icon-cloud-upload:before { content:""; } .icon-flat-up:before { content:""; } .icon-sun:before { content:""; } .icon-sun-o:before { content:""; } .icon-moon:before { content:""; } .icon-moon-o:before { content:""; } .icon-cloudy:before { content:""; } .icon-cloudy-o:before { content:""; } .icon-cloud-night:before { content:""; } .icon-cloud-night-o:before { content:""; } .icon-cloud:before { content:""; } .icon-cloud-o:before { content:""; } .icon-lightning:before { content:""; } .icon-lightning-o:before { content:""; } .icon-rainy:before { content:""; } .icon-rainy-o:before { content:""; } .icon-rainy-big:before { content:""; } .icon-rainy-big-o:before { content:""; } .icon-windy:before { content:""; } .icon-windy-o:before { content:""; } .icon-rainy-windy:before { content:""; } .icon-rainy-windy-o:before { content:""; } .icon-snowy:before { content:""; } .icon-snowy-o:before { content:""; } .icon-snowy-big:before { content:""; } .icon-snowy-big-o:before { content:""; } .icon-weather:before { content:""; } .icon-weather-o:before { content:""; } .icon-cloudy-multi:before { content:""; } .icon-cloudy-multi-o:before { content:""; } .icon-cloudy-lightning:before { content:""; } .icon-cloudy-lightning-o:before { content:""; } .icon-cloud2:before { content:""; } .icon-cloud2-o:before { content:""; } .icon-adjust:before { content:""; } .icon-sunrise:before { content:""; } .icon-eclipse:before { content:""; } .icon-sun-windy:before { content:""; } .icon-wind:before { content:""; } .icon-sun-weather:before { content:""; } .icon-moon-weather:before { content:""; } .icon-cloud-weather:before { content:""; } .icon-lines:before { content:""; } .icon-snowflake:before { content:""; } .icon-none:before { content:""; } .icon-celsius:before { content:""; } .icon-fahrenheit:before { content:""; } .icon-file:before { content:""; } .icon-file-o:before { content:""; } .icon-file-text:before { content:""; } .icon-file-text-o:before { content:""; } .icon-file-archive:before { content:""; } .icon-file-photo:before { content:""; } .icon-file-sound:before { content:""; } .icon-file-movie:before { content:""; } .icon-file-pdf:before { content:""; } .icon-file-word:before { content:""; } .icon-file-excel:before { content:""; } .icon-file-ppt:before { content:""; } .icon-file-code:before { content:""; } .icon-square-plus:before { content:""; } .icon-square-minus:before { content:""; } .icon-square-cross:before { content:""; } .icon-circle-plus:before { content:""; } .icon-circle-minus:before { content:""; } .icon-circle-check:before { content:""; } .icon-plus:before { content:""; } .icon-minus:before { content:""; } .icon-check-mark:before { content:""; } .icon-check-cross:before { content:""; } .icon-check:before { content:""; } .icon-times:before { content:""; } .icon-check2:before { content:""; } .icon-times2:before { content:""; } .icon-search-plus:before { content:""; } .icon-search-minus:before { content:""; } .icon-zoom-out:before { content:""; } .icon-zoom-in:before { content:""; } .icon-info-circle-tilted:before { content:""; } .icon-question-circle:before { content:""; } .icon-times-circle:before { content:""; } .icon-check-circle-o:before { content:""; } .icon-times-circle-o:before { content:""; } .icon-help:before { content:""; } .icon-info:before { content:""; } .icon-info-circle:before { content:""; } .icon-info-circle-triangle:before { content:""; } .icon-checked:before { content:""; } .icon-note:before { content:""; } .icon-note-s:before { content:""; } .icon-user:before { content:""; } .icon-users:before { content:""; } .icon-user-add:before { content:""; } .icon-group:before { content:""; } .icon-user-md:before { content:""; } .icon-male:before { content:""; } .icon-wheelchair:before { content:""; } .icon-playstation:before { content:""; } .icon-paypal:before { content:""; } .icon-alipay:before { content:""; } .icon-evernote:before { content:""; } .icon-renren:before { content:""; } .icon-sina:before { content:""; } .icon-skype:before { content:""; } .icon-chrome:before { content:""; } .icon-xbox:before { content:""; } .icon-html5:before { content:""; } .icon-apple:before { content:""; } .icon-windows:before { content:""; } .icon-android:before { content:""; } .icon-weibo:before { content:""; } .icon-googleplay:before { content:""; } .icon-google:before { content:""; } .icon-qq:before { content:""; } .icon-wechat:before { content:""; } .icon-thumbs-up:before { content:""; } .icon-thumbs-up-o:before { content:""; } .icon-thumbs-down:before { content:""; } .icon-thumbs-down-o:before { content:""; } .icon-left-quote:before { content:""; } .icon-left-quote-o:before { content:""; } .icon-heart:before { content:""; } .icon-heart-o:before { content:""; } .icon-bulb:before { content:""; } .icon-bulb-o:before { content:""; } .icon-gear:before { content:""; } .icon-gear-o:before { content:""; } .icon-gears:before { content:""; } .icon-home:before { content:""; } .icon-home-o:before { content:""; } .icon-bubble:before { content:""; } .icon-bubble-o:before { content:""; } .icon-wine:before { content:""; } .icon-wine-o:before { content:""; } .icon-eye:before { content:""; } .icon-eye-o:before { content:""; } .icon-search:before { content:""; } .icon-search-o:before { content:""; } .icon-calendar:before { content:""; } .icon-calendar-o:before { content:""; } .icon-pin:before { content:""; } .icon-pin-o:before { content:""; } .icon-radio:before { content:""; } .icon-radio-checked:before { content:""; } .icon-paperclip:before { content:""; } .icon-briefcase:before { content:""; } .icon-envelope:before { content:""; } .icon-comments:before { content:""; } .icon-chats:before { content:""; } .icon-chat:before { content:""; } .icon-folder:before { content:""; } .icon-credit-card:before { content:""; } .icon-image:before { content:""; } .icon-layers:before { content:""; } .icon-umbrella:before { content:""; } .icon-compass:before { content:""; } .icon-clock:before { content:""; } .icon-time:before { content:""; } .icon-hourglass:before { content:""; } .icon-pie:before { content:""; } .icon-power-off:before { content:""; } .icon-globe:before { content:""; } .icon-spanner:before { content:""; } .icon-pencil:before { content:""; } .icon-gift:before { content:""; } .icon-paperplane:before { content:""; } .icon-share:before { content:""; } .icon-flashlight:before { content:""; } .icon-tag:before { content:""; } .icon-palette:before { content:""; } .icon-cone:before { content:""; } .icon-cart:before { content:""; } .icon-trophy:before { content:""; } .icon-magic:before { content:""; } .icon-legal:before { content:""; } .icon-spinner:before { content:""; } .icon-terminal:before { content:""; } .icon-code:before { content:""; } .icon-location-arrow:before { content:""; } .icon-crop:before { content:""; } .icon-cny:before { content:""; } .icon-pagelines:before { content:""; } .icon-mortar-board:before { content:""; } .icon-music:before { content:""; } .icon-trash:before { content:""; } .icon-qrcode:before { content:""; } .icon.arrow:before { content:""; } .active>a>.icon.arrow:before { content:""; } .icon-big { font-size:5rem !important; } .icon-sm { font-size:4rem !important; } .icon-xs { font-size:3rem !important; } .animated { animation-duration:.3s; animation-fill-mode:both; } .animated.infinite { animation-iteration-count:infinite; } .animated.hinge { animation-duration:2s; } .animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY { animation-duration:.75s; } .delay1 { animation-delay:.1s; -webkit-animation-delay:.1s; } .delay2 { animation-delay:.2s; -webkit-animation-delay:.2s; } .delay3 { animation-delay:.3s; -webkit-animation-delay:.3s; } .delay4 { animation-delay:.4s; -webkit-animation-delay:.4s; } .delay5 { animation-delay:.5s; -webkit-animation-delay:.5s; } .delay6 { animation-delay:.6s; -webkit-animation-delay:.6s; } @keyframes spin { 0% { -webkit-transform:rotate(0); transform:rotate(0); } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); } ;}@keyframes bounce { 20%,53%,80%,from,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); transform:translate3d(0,0,0); } 40%,43% { animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); transform:translate3d(0,-30px,0); } 70% { animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); transform:translate3d(0,-15px,0); } 90% { transform:translate3d(0,-4px,0); } ;}.bounce { animation-name:bounce; transform-origin:center bottom; } @keyframes flash { 50%,from,to { opacity:1; } 25%,75% { opacity:0; } ;}.flash { animation-name:flash; } @keyframes pulse { from { transform:scale3d(1,1,1); } 50% { transform:scale3d(1.05,1.05,1.05); } to { transform:scale3d(1,1,1); } ;}.pulse { animation-name:pulse; } @keyframes rubberBand { from { transform:scale3d(1,1,1); } 30% { transform:scale3d(1.25,0.75,1); } 40% { transform:scale3d(0.75,1.25,1); } 50% { transform:scale3d(1.15,0.85,1); } 65% { transform:scale3d(0.95,1.05,1); } 75% { transform:scale3d(1.05,0.95,1); } to { transform:scale3d(1,1,1); } ;}.rubberBand { animation-name:rubberBand; } @keyframes shake { from,to { transform:translate3d(0,0,0); } 10%,30%,50%,70%,90% { transform:translate3d(-10px,0,0); } 20%,40%,60%,80% { transform:translate3d(10px,0,0); } ;}.shake { animation-name:shake; } @keyframes headShake { 0% { transform:translateX(0); } 6.5% { transform:translateX(-6px) rotateY(-9deg); } 18.5% { transform:translateX(5px) rotateY(7deg); } 31.5% { transform:translateX(-3px) rotateY(-5deg); } 43.5% { transform:translateX(2px) rotateY(3deg); } 50% { transform:translateX(0); } ;}.headShake { animation-timing-function:ease-in-out; animation-name:headShake; } @keyframes swing { 20% { transform:rotate3d(0,0,1,15deg); } 40% { transform:rotate3d(0,0,1,-10deg); } 60% { transform:rotate3d(0,0,1,5deg); } 80% { transform:rotate3d(0,0,1,-5deg); } to { transform:rotate3d(0,0,1,0deg); } ;}.swing { transform-origin:top center; animation-name:swing; } @keyframes tada { from { transform:scale3d(1,1,1); } 10%,20% { transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { transform:scale3d(1,1,1); } ;}.tada { animation-name:tada; } @keyframes wobble { from { transform:none; } 15% { transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { transform:none; } ;}.wobble { animation-name:wobble; } @keyframes jello { 11.1%,from,to { transform:none; } 22.2% { transform:skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform:skewX(6.25deg) skewY(6.25deg); } 44.4% { transform:skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform:skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform:skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform:skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform:skewX(-0.1953125deg) skewY(-0.1953125deg); } ;}.jello { animation-name:jello; transform-origin:center; } @keyframes bounceIn { 20%,40%,60%,80%,from,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity:0; transform:scale3d(0.3,0.3,0.3); } 20% { transform:scale3d(1.1,1.1,1.1); } 40% { transform:scale3d(0.9,0.9,0.9); } 60% { opacity:1; transform:scale3d(1.03,1.03,1.03); } 80% { transform:scale3d(0.97,0.97,0.97); } to { opacity:1; transform:scale3d(1,1,1); } ;}.bounceIn { animation-name:bounceIn; } @keyframes bounceInDown { 60%,75%,90%,from,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity:0; transform:translate3d(0,-3000px,0); } 60% { opacity:1; transform:translate3d(0,25px,0); } 75% { transform:translate3d(0,-10px,0); } 90% { transform:translate3d(0,5px,0); } to { transform:none; } ;}.bounceInDown { animation-name:bounceInDown; } @keyframes bounceInLeft { 60%,75%,90%,from,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity:0; transform:translate3d(-3000px,0,0); } 60% { opacity:1; transform:translate3d(25px,0,0); } 75% { transform:translate3d(-10px,0,0); } 90% { transform:translate3d(5px,0,0); } to { transform:none; } ;}.bounceInLeft { animation-name:bounceInLeft; } @keyframes bounceInRight { 60%,75%,90%,from,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from { opacity:0; transform:translate3d(3000px,0,0); } 60% { opacity:1; transform:translate3d(-25px,0,0); } 75% { transform:translate3d(10px,0,0); } 90% { transform:translate3d(-5px,0,0); } to { transform:none; } ;}.bounceInRight { animation-name:bounceInRight; } @keyframes bounceInUp { 60%,75%,90%,from,to { animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); } from { opacity:0; transform:translate3d(0,3000px,0); } 60% { opacity:1; transform:translate3d(0,-20px,0); } 75% { transform:translate3d(0,10px,0); } 90% { transform:translate3d(0,-5px,0); } to { transform:translate3d(0,0,0); } ;}.bounceInUp { animation-name:bounceInUp; } @keyframes bounceOut { 20% { transform:scale3d(0.9,0.9,0.9); } 50%,55% { opacity:1; transform:scale3d(1.1,1.1,1.1); } to { opacity:0; transform:scale3d(0.3,0.3,0.3); } ;}.bounceOut { animation-name:bounceOut; } @keyframes bounceOutDown { 20% { transform:translate3d(0,10px,0); } 40%,45% { opacity:1; transform:translate3d(0,-20px,0); } to { opacity:0; transform:translate3d(0,2000px,0); } ;}.bounceOutDown { animation-name:bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity:1; transform:translate3d(20px,0,0); } to { opacity:0; transform:translate3d(-2000px,0,0); } ;}.bounceOutLeft { animation-name:bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity:1; transform:translate3d(-20px,0,0); } to { opacity:0; transform:translate3d(2000px,0,0); } ;}.bounceOutRight { animation-name:bounceOutRight; } @keyframes bounceOutUp { 20% { transform:translate3d(0,-10px,0); } 40%,45% { opacity:1; transform:translate3d(0,20px,0); } to { opacity:0; transform:translate3d(0,-2000px,0); } ;}.bounceOutUp { animation-name:bounceOutUp; } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } ;}.fadeIn { animation-name:fadeIn; } @keyframes fadeInDown { from { opacity:0; transform:translate3d(0,-100%,0); } to { opacity:1; transform:none; } ;}.fadeInDown { animation-name:fadeInDown; } @keyframes fadeInDownBig { from { opacity:0; transform:translate3d(0,-2000px,0); } to { opacity:1; transform:none; } ;}.fadeInDownBig { animation-name:fadeInDownBig; } @keyframes fadeInLeft { from { opacity:0; transform:translate3d(-100%,0,0); } to { opacity:1; transform:none; } ;}.fadeInLeft { animation-name:fadeInLeft; } @keyframes fadeInLeftBig { from { opacity:0; transform:translate3d(-2000px,0,0); } to { opacity:1; transform:none; } ;}.fadeInLeftBig { animation-name:fadeInLeftBig; } @keyframes fadeInRight { from { opacity:0; transform:translate3d(100%,0,0); } to { opacity:1; transform:none; } ;}.fadeInRight { animation-name:fadeInRight; } @keyframes fadeInRightBig { from { opacity:0; transform:translate3d(2000px,0,0); } to { opacity:1; transform:none; } ;}.fadeInRightBig { animation-name:fadeInRightBig; } @keyframes fadeInUp { from { opacity:0; transform:translate3d(0,50%,0); } to { opacity:1; transform:none; } ;}.fadeInUp { animation-name:fadeInUp; } @keyframes fadeInUpBig { from { opacity:0; transform:translate3d(0,100%,0); } to { opacity:1; transform:none; } ;}.fadeInUpBig { animation-name:fadeInUpBig; } @keyframes fadeOut { from { opacity:1; } to { opacity:0; } ;}.fadeOut { animation-name:fadeOut; } @keyframes fadeOutDown { from { opacity:1; } to { opacity:0; transform:translate3d(0,100%,0); } ;}.fadeOutDown { animation-name:fadeOutDown; } @keyframes fadeOutDownBig { from { opacity:1; } to { opacity:0; transform:translate3d(0,2000px,0); } ;}.fadeOutDownBig { animation-name:fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity:1; } to { opacity:0; transform:translate3d(-100%,0,0); } ;}.fadeOutLeft { animation-name:fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity:1; } to { opacity:0; transform:translate3d(-2000px,0,0); } ;}.fadeOutLeftBig { animation-name:fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity:1; } to { opacity:0; transform:translate3d(100%,0,0); } ;}.fadeOutRight { animation-name:fadeOutRight; } @keyframes fadeOutRightBig { from { opacity:1; } to { opacity:0; transform:translate3d(2000px,0,0); } ;}.fadeOutRightBig { animation-name:fadeOutRightBig; } @keyframes fadeOutUp { from { opacity:1; } to { opacity:0; transform:translate3d(0,-100%,0); } ;}.fadeOutUp { animation-name:fadeOutUp; } @keyframes fadeOutUpBig { from { opacity:1; } to { opacity:0; transform:translate3d(0,-2000px,0); } ;}.fadeOutUpBig { animation-name:fadeOutUpBig; } @keyframes flip { from { transform:perspective(400px) rotate3d(0,1,0,-360deg); animation-timing-function:ease-out; } 40% { transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); animation-timing-function:ease-out; } 50% { transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); animation-timing-function:ease-in; } 80% { transform:perspective(400px) scale3d(0.95,0.95,0.95); animation-timing-function:ease-in; } to { transform:perspective(400px); animation-timing-function:ease-in; } ;}.animated.flip { -webkit-backface-visibility:visible; backface-visibility:visible; animation-name:flip; } @keyframes flipInX { from { transform:perspective(400px) rotate3d(1,0,0,90deg); animation-timing-function:ease-in; opacity:0; } 40% { transform:perspective(400px) rotate3d(1,0,0,-20deg); animation-timing-function:ease-in; } 60% { transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1; } 80% { transform:perspective(400px) rotate3d(1,0,0,-5deg); } to { transform:perspective(400px); } ;}.flipInX { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; animation-name:flipInX; } @keyframes flipInY { from { transform:perspective(400px) rotate3d(0,1,0,90deg); animation-timing-function:ease-in; opacity:0; } 40% { transform:perspective(400px) rotate3d(0,1,0,-20deg); animation-timing-function:ease-in; } 60% { transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1; } 80% { transform:perspective(400px) rotate3d(0,1,0,-5deg); } to { transform:perspective(400px); } ;}.flipInY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; animation-name:flipInY; } @keyframes flipOutX { from { transform:perspective(400px); } 30% { transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1; } to { transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0; } ;}.flipOutX { animation-name:flipOutX; -webkit-backface-visibility:visible !important; backface-visibility:visible !important; } @keyframes flipOutY { from { transform:perspective(400px); } 30% { transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1; } to { transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0; } ;}.flipOutY { -webkit-backface-visibility:visible !important; backface-visibility:visible !important; animation-name:flipOutY; } @keyframes lightSpeedIn { from { transform:translate3d(100%,0,0) skewX(-30deg); opacity:0; } 60% { transform:skewX(20deg); opacity:1; } 80% { transform:skewX(-5deg); opacity:1; } to { transform:none; opacity:1; } ;}.lightSpeedIn { animation-name:lightSpeedIn; animation-timing-function:ease-out; } @keyframes lightSpeedOut { from { opacity:1; } to { transform:translate3d(100%,0,0) skewX(30deg); opacity:0; } ;}.lightSpeedOut { animation-name:lightSpeedOut; animation-timing-function:ease-in; } @keyframes rotateIn { from { transform-origin:center; transform:rotate3d(0,0,1,-200deg); opacity:0; } to { transform-origin:center; transform:none; opacity:1; } ;}.rotateIn { animation-name:rotateIn; } @keyframes rotateInDownLeft { from { transform-origin:left bottom; transform:rotate3d(0,0,1,-45deg); opacity:0; } to { transform-origin:left bottom; transform:none; opacity:1; } ;}.rotateInDownLeft { animation-name:rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin:right bottom; transform:rotate3d(0,0,1,45deg); opacity:0; } to { transform-origin:right bottom; transform:none; opacity:1; } ;}.rotateInDownRight { animation-name:rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin:left bottom; transform:rotate3d(0,0,1,45deg); opacity:0; } to { transform-origin:left bottom; transform:none; opacity:1; } ;}.rotateInUpLeft { animation-name:rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin:right bottom; transform:rotate3d(0,0,1,-90deg); opacity:0; } to { transform-origin:right bottom; transform:none; opacity:1; } ;}.rotateInUpRight { animation-name:rotateInUpRight; } @keyframes rotateOut { from { transform-origin:center; opacity:1; } to { transform-origin:center; transform:rotate3d(0,0,1,200deg); opacity:0; } ;}.rotateOut { animation-name:rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin:left bottom; opacity:1; } to { transform-origin:left bottom; transform:rotate3d(0,0,1,45deg); opacity:0; } ;}.rotateOutDownLeft { animation-name:rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin:right bottom; opacity:1; } to { transform-origin:right bottom; transform:rotate3d(0,0,1,-45deg); opacity:0; } ;}.rotateOutDownRight { animation-name:rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin:left bottom; opacity:1; } to { transform-origin:left bottom; transform:rotate3d(0,0,1,-45deg); opacity:0; } ;}.rotateOutUpLeft { animation-name:rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin:right bottom; opacity:1; } to { transform-origin:right bottom; transform:rotate3d(0,0,1,90deg); opacity:0; } ;}.rotateOutUpRight { animation-name:rotateOutUpRight; } @keyframes hinge { 0% { transform-origin:top left; animation-timing-function:ease-in-out; } 20%,60% { transform:rotate3d(0,0,1,80deg); transform-origin:top left; animation-timing-function:ease-in-out; } 40%,80% { transform:rotate3d(0,0,1,60deg); transform-origin:top left; animation-timing-function:ease-in-out; opacity:1; } to { transform:translate3d(0,700px,0); opacity:0; } ;}.hinge { animation-name:hinge; } @keyframes jackInTheBox { from { opacity:0; transform:scale(0.1) rotate(30deg); transform-origin:center bottom; } 50% { transform:rotate(-10deg); } 70% { transform:rotate(3deg); } to { opacity:1; transform:scale(1); } ;}.jackInTheBox { animation-name:jackInTheBox; } @keyframes rollIn { from { opacity:0; transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity:1; transform:none; } ;}.rollIn { animation-name:rollIn; } @keyframes rollOut { from { opacity:1; } to { opacity:0; transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); } ;}.rollOut { animation-name:rollOut; } @keyframes zoomIn { from { opacity:0; transform:scale3d(0.3,0.3,0.3); } 50% { opacity:1; } ;}.zoomIn { animation-name:zoomIn; } @keyframes zoomInDown { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } ;}.zoomInDown { animation-name:zoomInDown; } @keyframes zoomInLeft { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } ;}.zoomInLeft { animation-name:zoomInLeft; } @keyframes zoomInRight { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } ;}.zoomInRight { animation-name:zoomInRight; } @keyframes zoomInUp { from { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } ;}.zoomInUp { animation-name:zoomInUp; } @keyframes zoomOut { from { opacity:1; } 50% { opacity:0; transform:scale3d(0.3,0.3,0.3); } to { opacity:0; } ;}.zoomOut { animation-name:zoomOut; } @keyframes zoomOutDown { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform-origin:center bottom; animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } ;}.zoomOutDown { animation-name:zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity:0; transform:scale(0.1) translate3d(-2000px,0,0); transform-origin:left center; } ;}.zoomOutLeft { animation-name:zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity:0; transform:scale(0.1) translate3d(2000px,0,0); transform-origin:right center; } ;}.zoomOutRight { animation-name:zoomOutRight; } @keyframes zoomOutUp { 40% { opacity:1; transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity:0; transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform-origin:center bottom; animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); } ;}.zoomOutUp { animation-name:zoomOutUp; } @keyframes slideInDown { from { transform:translate3d(0,-100%,0); visibility:visible; } to { transform:translate3d(0,0,0); } ;}.slideInDown { animation-name:slideInDown; } @keyframes slideInLeft { from { transform:translate3d(-100%,0,0); visibility:visible; } to { transform:translate3d(0,0,0); } ;}.slideInLeft { animation-name:slideInLeft; } @keyframes slideInRight { from { transform:translate3d(100%,0,0); visibility:visible; } to { transform:translate3d(0,0,0); } ;}.slideInRight { animation-name:slideInRight; } @keyframes slideInUp { from { transform:translate3d(0,100%,0); visibility:visible; } to { transform:translate3d(0,0,0); } ;}.slideInUp { animation-name:slideInUp; } @keyframes slideOutDown { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(0,100%,0); } ;}.slideOutDown { animation-name:slideOutDown; } @keyframes slideOutLeft { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(-100%,0,0); } ;}.slideOutLeft { animation-name:slideOutLeft; } @keyframes slideOutRight { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(100%,0,0); } ;}.slideOutRight { animation-name:slideOutRight; } @keyframes slideOutUp { from { transform:translate3d(0,0,0); } to { visibility:hidden; transform:translate3d(0,-100%,0); } ;}.slideOutUp { animation-name:slideOutUp; } @keyframes slideUpIn { 0% { opacity:0; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } 100% { opacity:1; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(1); transform:scaleY(1); } ;}.slideUpIn { animation-name:slideUpIn; } @keyframes slideUpOut { 0% { opacity:1; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(1); transform:scaleY(1); } 100% { opacity:0; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } ;}.slideUpOut { animation-name:slideUpOut; } @keyframes slideDownIn { 0% { opacity:0; -webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } 100% { opacity:1; -webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:scaleY(1); transform:scaleY(1); } ;}.slideDownIn { animation-name:slideDownIn; } @keyframes slideDownOut { 0% { opacity:1; -webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:scaleY(1); transform:scaleY(1); } 100% { opacity:0; -webkit-transform-origin:100% 100%; transform-origin:100% 100%; -webkit-transform:scaleY(0.8); transform:scaleY(0.8); } ;}.slideDownOut { animation-name:slideDownOut; } @keyframes slideLeftIn { 0% { opacity:0; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleX(0.8); transform:scaleX(0.8); } 100% { opacity:1; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleX(1); transform:scaleX(1); } ;}.slideLeftIn { animation-name:slideLeftIn; } @keyframes slideLeftOut { 0% { opacity:1; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleX(1); transform:scaleX(1); } 100% { opacity:0; -webkit-transform-origin:0 0; transform-origin:0 0; -webkit-transform:scaleX(0.8); transform:scaleX(0.8); } ;}.slideLeftOut { animation-name:slideLeftOut; } @keyframes slideRightIn { 0% { opacity:0; -webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:scaleX(0.8); transform:scaleX(0.8); } 100% { opacity:1; -webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:scaleX(1); transform:scaleX(1); } ;}.slideRightIn { animation-name:slideRightIn; } @keyframes slideRightOut { 0% { opacity:1; -webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:scaleX(1); transform:scaleX(1); } 100% { opacity:0; -webkit-transform-origin:100% 0; transform-origin:100% 0; -webkit-transform:scaleX(0.8); transform:scaleX(0.8); } ;}.slideRightOut { animation-name:slideRightOut; } @-webkit-keyframes hue { from { -webkit-filter:hue-rotate(0); } to { -webkit-filter:hue-rotate(-360deg); } ;}@keyframes widthIn { from { width:0; } to { width:100%; } ;}@keyframes load0 { 0% { opacity:1; transform:scale(1.2); } 100% { opacity:.2; transform:scale(0.2); } ;}@keyframes load1 { 0% { opacity:1; } 100% { opacity:.2; } ;}@keyframes load2 { 0% { opacity:1; } 100% { opacity:.2; } ;}pre { overflow:auto; } code,kbd,pre,samp { font-family:monospace,monospace; font-size:1em; } blockquote,pre { border:1px solid #e8e8e8; page-break-inside:avoid; } pre { display:block; padding:9px; margin:0 0 10px; font-size:13px; line-height:1.42857143; color:#333; word-break:break-all; word-wrap:break-word; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px; } pre code { padding:0; font-size:inherit; color:inherit; white-space:pre-wrap; background-color:rgba(0,0,0,0); border-radius:0; } .pagination { display:inline-block; padding-left:0; margin:20px 0; border-radius:4px; } .pagination>li { display:inline; } .pagination>li>a,.pagination>li>span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd; } .pagination>li:first-child>a,.pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px; } .pagination>li:last-child>a,.pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px; } .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover { z-index:2; color:#23527c; background-color:#eee; border-color:#ddd; } .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover { z-index:3; color:#fff; cursor:default; background-color:#337ab7; border-color:#337ab7; } .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover { color:#777; cursor:not-allowed; background-color:#fff; border-color:#ddd; } .pagination-lg>li>a,.pagination-lg>li>span { padding:10px 16px; font-size:18px; line-height:1.3333333; } .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span { border-top-left-radius:6px; border-bottom-left-radius:6px; } .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span { border-top-right-radius:6px; border-bottom-right-radius:6px; } .pagination-sm>li>a,.pagination-sm>li>span { padding:5px 10px; font-size:12px; line-height:1.5; } .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span { border-top-left-radius:1px; border-bottom-left-radius:1px; } .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span { border-top-right-radius:1px; border-bottom-right-radius:1px; } .pagination>li>.active,.pagination>li>.active>a:focus,.pagination>li>.active>a:hover,.pagination>li>.active>span,.pagination>li>.active>span:focus,.pagination>li>.active>span:hover { z-index:2; color:#fff; cursor:default; background-color:#3498db; border-color:#2f89c6; } .pagination>li>.active:hover { color:#fff; cursor:default; background-color:#3498db; border-color:#2f89c6; } .breadcrumb { padding-left:0; } .breadcrumb>* { font-size:14px; } .breadcrumb a { color:#999 !important; } .breadcrumb a:hover { color:#4285f4 !important; } .breadcrumb a cite { color:#666; font-style:normal; } .breadcrumb span[data-separator] { margin:0 10px; color:#999; } .badge,.badge-dot,.badge-rim { position:relative; display:inline-block; padding:0 6px; font-size:12px; text-align:center; background-color:#ff5722; color:#fff; border-radius:2px; } .badge { height:18px; line-height:18px; } .badge-dot { width:8px; height:8px; padding:0; border-radius:50%; } .badge-rim { height:18px; line-height:16px; border-width:1px; border-style:solid; background-color:#fff; color:#666; } .badge.bg-gray { color:#393d49; } .badge .badge { margin-right:-6px; margin-left:6px; } .btn .badge,.btn .badge-dot { margin-left:5px; } .nav .badge,.nav .badge-dot { position:absolute; top:50%; margin:-8px 6px 0; } .tab-title .badge,.tab-title .badge-dot { left:5px; top:-2px; } .label,[class*=" label-"],[class^=label-] { display:inline-block; padding:.1rem .4rem; margin-bottom:0; font-size:1.2rem; border:1px solid rgba(0,0,0,0); text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#4285f4; border-radius:1px; color:#fff; } .label-default { border-color:#c9c9c9; color:#555; } .label-disabled { border-color:#e6e6e6; background-color:#fbfbfb; color:#c9c9c9; cursor:not-allowed; opacity:1; } .label-radius { border-radius:5rem; padding:.1rem .8rem; } .label-dot { width:10px; height:10px; } .label-round { width:20px; height:20px; } .label-dot,.label-round { border-radius:50%; padding:0; } .label-big { padding:.2rem .5rem; font-size:1.6rem; } .label-radius.label-big { padding:.1rem 1rem; } .label-small,.label-sm { padding:0; font-size:1.2rem; } .label-radius.label-big { padding:0 .4rem; } .card { background:#fff; box-shadow:0 .1rem .2rem rgba(0,0,0,.3); position:relative; border-radius:.2rem; } .card-content { position:relative; } .card-content-inner { padding:.5rem 1.5rem; position:relative; } .card-footer,.card-header { min-height:40px; position:relative; padding:5px 1rem; box-sizing:border-box; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -webkit-align-items:center; align-items:center; } .card-footer[valign=top],.card-header[valign=top] { -webkit-box-align:start; -webkit-align-items:flex-start; align-items:flex-start; } .card-footer[valign=bottom],.card-header[valign=bottom] { -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end; } .card-footer a.link,.card-header a.link { line-height:4rem; height:4rem; text-decoration:none; position:relative; margin-top:-1rem; margin-bottom:-1rem; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-transition-duration:.3s; transition-duration:.3s; } .card-footer a.link i+i,.card-footer a.link i+span,.card-footer a.link span+i,.card-footer a.link span+span,.card-header a.link i+i,.card-header a.link i+span,.card-header a.link span+i,.card-header a.link span+span { margin-left:.35rem; } .card-footer a.link i.icon,.card-header a.link i.icon { display:block; } .card-header { border-radius:.2rem .2rem 0 0; font-size:1.3rem; min-height:3rem; } .card-header:after { content:""; position:absolute; left:0; bottom:0; right:auto; top:auto; height:1px; width:100%; background-color:#e1e1e1; display:block; z-index:15; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; } @media only screen and (-webkit-min-device-pixel-ratio:2) { .card-header:after { -webkit-transform:scaleY(0.5); transform:scaleY(0.5); } ;}@media only screen and (-webkit-min-device-pixel-ratio:3) { .card-header:after { -webkit-transform:scaleY(0.33); transform:scaleY(0.33); } ;}.card-footer { border-radius:0 0 .2rem .2rem; color:#5f646e; } .card-footer:before { content:""; position:absolute; left:0; top:0; bottom:auto; right:auto; height:1px; width:100%; background-color:#e1e1e1; display:block; z-index:15; -webkit-transform-origin:50% 0; transform-origin:50% 0; } @media only screen and (-webkit-min-device-pixel-ratio:2) { .card-footer:before { -webkit-transform:scaleY(0.5); transform:scaleY(0.5); } ;}@media only screen and (-webkit-min-device-pixel-ratio:3) { .card-footer:before { -webkit-transform:scaleY(0.33); transform:scaleY(0.33); } ;}.card-more:after { content:""; float:right; } .card-drop { cursor:pointer; font-size:1.6rem; } .card-drop-down:after { content:""; } .card-drop-up:after { content:""; } .card-small-title,.small-title { font-size:1.2rem; color:#adadad; } .mobile .card-footer,.mobile .card-header { min-height:3rem; padding:1rem .5rem; } .collapse { border:1px solid #e2e2e2; border-radius:2px; } .colla-item { border-top:1px solid #e2e2e2; } .colla-item:first-child { border-top:none; } .colla-title { position:relative; height:42px; line-height:42px; padding:0 15px 0 35px; color:#333; background-color:#f2f2f2; cursor:pointer; margin:0; } .colla-content { display:none; padding:10px 15px; line-height:22px; border-top:1px solid #e2e2e2; color:#666; } .colla-icon { position:absolute; left:15px; top:0; font-size:14px; } .ios,.android { height:100%; } input[disabled],fieldset[disabled] { background-color:#ccc; opacity:1; cursor:not-allowed; } fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled],input[disabled],fieldset[disabled] { cursor:not-allowed; } input,textarea { width:100%; height:3rem; padding:3px 5px; display:inline-block; color:#333; font-size:1.4rem; line-height:1.8; background:0 0; border:1px solid #ccc; border-radius:3px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } textarea { height:auto; width:100%; padding:.3rem .4rem; } input:focus,textarea:focus { border-color:#4285f4; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } input[type=checkbox] { position:relative; margin-top:.15rem; } input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled) { cursor:pointer; } input[type=checkbox]:before,input[type=radio]:before { display:block; } input[type=checkbox],input[type=radio] { line-height:normal; width:14px; display:inline-block; height:14px; overflow:hidden; vertical-align:sub; -webkit-appearance:none; outline:0; background:0 0; margin-right:.5rem; } input[type=checkbox]:checked,input[type=checkbox]:indeterminate { border-color:#3498db; } input[type=checkbox]:checked:after { transform:rotate(45deg) scaleY(1); } input[type=checkbox]:after { box-sizing:content-box; content:""; border:1px solid #fff; border-left:0; border-top:0; height:7px; left:4px; position:absolute; top:1px; transform:rotate(45deg) scaleY(0); width:3px; transition:transform .15s ease-in .05s; transform-origin:center; } input[type=checkbox]:checked:after,input[type=checkbox]:indeterminate:after { font-size:1.2rem; -webkit-font-smoothing:antialiased; text-align:center; line-height:1.2rem; color:#fff; } input[type=checkbox]:checked:disabled:after,input[type=checkbox]:indeterminate:disabled:after { color:#d4d4d4; } input[type=radio] { position:relative; box-shadow:none !important; border-radius:100%; width:16px; height:16px; } input[type=radio]:after { width:6px; height:6px; border-radius:100%; background-color:#fff; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); transition:transform .15s ease-in; } input[type=radio]:checked { border:1px solid #409eff; } input[type=radio]:checked:after { transform:translate(-50%,-50%) scale(1); } input[type=checkbox]:checked,input[type=radio]:checked { background:#409eff; } input[type=switch],input[type=tag] { display:none; } input.danger:not(:disabled) { border:1px solid #ff5722; } input.danger:focus:not(:disabled) { box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,87,34,.6); } input[type=checkbox].danger:not(:disabled):checked,input[type=checkbox].danger:not(:disabled):indeterminate,input[type=radio].danger:not(:disabled):checked { background-color:#ff5722; } input.warning:not(:disabled) { border:1px solid #f7b824; } input.warning:focus:not(:disabled) { box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,184,36,.6); } input[type=checkbox].warning:not(:disabled):checked,input[type=checkbox].warning:not(:disabled):indeterminate,input[type=radio]:not(:disabled).warning:checked { background-color:#f7b824; } input.default,input:disabled { border-color:#ccc; } input:disabled { background:#f1f1f1; } input.default:focus { box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.04); } input[type=checkbox].default:checked,input[type=checkbox]:not(:disabled).default:indeterminate,input[type=radio].default:checked,input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked { background-color:#ccc; border-color:#ccc; } input.btn { width:auto; } input[type=range] { border:none; box-shadow:none; -webkit-box-shadow:none; } input[type=range] { -webkit-appearance:none; border-radius:10px; } input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; } input[type=range]::-webkit-slider-runnable-track { height:8px; border-radius:10px; background-color:#e5e5e5; } input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; height:18px; width:18px; margin-top:-6.5px; background:#cecccc; border-radius:50%; border:solid .125em rgba(205,224,230,.5); box-shadow:0 .125em .125em #3b4547; } input[type=range]:hover::-webkit-slider-thumb { background:#b4b4b4; } .switch,.switch .checkbox { width:2.6rem; border-radius:.8rem; box-sizing:border-box; height:1.6rem; margin-bottom:0; } .switch { display:inline-block; vertical-align:middle; position:relative; cursor:pointer; -webkit-align-self:center; align-self:center; } .switch .checkbox { background:#e5e5e5; z-index:0; margin:0; padding:0; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; border:none; cursor:pointer; position:relative; -webkit-transition-duration:.3s; transition-duration:.3s; } .switch .checkbox:before { content:" "; position:absolute; left:.1rem; top:.1rem; width:2.4rem; border-radius:.8rem; box-sizing:border-box; height:1.4rem; background:#fff; z-index:1; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transform:scale(1); transform:scale(1); } .switch .checkbox:after { content:" "; height:1.4rem; width:1.4rem; border-radius:1.4rem; background:#fff; position:absolute; z-index:2; top:.1rem; left:.1rem; box-shadow:0 .1rem .5rem rgba(0,0,0,.4); -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition-duration:.3s; transition-duration:.3s; } .switch input[type=checkbox] { display:none; } .switch input[type=checkbox]:checked+.checkbox { background:#5fb878; } .switch.danger input[type=checkbox]:checked+.checkbox { background:#ff5722; } .switch.warning input[type=checkbox]:checked+.checkbox { background:#f7b824; } .switch.info input[type=checkbox]:checked+.checkbox { background:#1e9fff; } .switch.default input[type=checkbox]:checked+.checkbox,.switch.disabled input[type=checkbox]:checked+.checkbox,.switch.disabled .checkbox:after { background:#ccc; } .switch.disabled { pointer-events:none; cursor:not-allowed; } .switch input[type=checkbox]:checked+.checkbox:before { -webkit-transform:scale(0); transform:scale(0); } .switch input[type=checkbox]:checked+.checkbox:after { -webkit-transform:translateX(1.1rem); transform:translateX(1.1rem); } .switch.switch-sm,.switch.switch-sm .checkbox { height:.4rem; } .switch.switch-sm .checkbox:after { top:-0.5rem; } .switch.switch-big,.switch.switch-big .checkbox { width:5.2rem; border-radius:1.6rem; box-sizing:border-box; height:3.2rem; } .switch.switch-big .checkbox:before { left:.2rem; top:.2rem; width:4.8rem; border-radius:1.6rem; height:2.8rem; } .switch.switch-big .checkbox:after { left:.2rem; top:.2rem; width:2.8rem; border-radius:2.8rem; height:2.8rem; box-shadow:0 .2rem 1rem rgba(0,0,0,.4); } .switch.switch-big input[type=checkbox]:checked+.checkbox:after { -webkit-transform:translateX(2.2rem); transform:translateX(2.2rem); } .form-group { margin-bottom:1.5rem; } .form-horizontal { margin-bottom:0; } .form-horizontal .form-group { display:flex; } .form-horizontal .form-group .input-group { flex:1; margin-right:16.66666667%; } .form-horizontal .form-group:after,.form-horizontal .form-group:before { display:table; clear:both; content:" "; } .form-horizontal label { padding-top:.7rem; text-align:right; float:left; padding-right:.7rem; font-weight:normal; display:inline-table; } .form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]) { padding-left:1rem; padding-right:1rem; width:20rem; } .form-horizontal .form-group .input-group:not([class*=" hex-"]):not([class^=hex-]) { width:100%; } .input-group { position:relative; display:inline-table; border-collapse:separate; text-align:left; padding:0; float:left; } td.input-group { display:table-cell; float:none; } .input-group-addon~input { margin-right:0; width:100%; border-radius:0; } .input-group-addon,.input-group-btn { width:1%; white-space:nowrap; vertical-align:middle; } .input-group-addon,.input-group-btn { display:table-cell; } .form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio { margin-bottom:0; line-height:1.4rem; margin-right:.5rem; float:left; cursor:pointer; } .form-horizontal .form-group .input-group label { display:inline; margin-bottom:0; font-weight:normal; } .form-horizontal .input-group label.switch { padding-top:0; margin-top:.7rem; } .input-group-addon { padding:.6rem 1.2rem; font-size:1.4rem; font-weight:400; line-height:1.4rem; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:3px; } .input-group-addon:not(:first-child):not(:last-child) { border-radius:0; } .input-group-addon:first-child { border-top-right-radius:0; border-bottom-right-radius:0; border-right:0; } .input-group-addon:last-child { border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; } .input-group-btn:first-child [class*=" btn-"],.input-group-btn:first-child [class^=btn-] { border-top-right-radius:0; border-bottom-right-radius:0; border-right-color:rgba(0,0,0,0); } .input-group-btn:last-child [class*=" btn-"],.input-group-btn:last-child [class^=btn-] { border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:rgba(0,0,0,0); } .input-group-btn .btn,.input-group-btn [class^=btn-],.input-group-btn [class*=" btn-"] { padding:3px 1.2rem; height:3rem; line-height:2.4rem; } .form-inline .form-group { display:inline-block; margin:.5rem; vertical-align:middle; } .form-inline .input-group { display:inline-table; vertical-align:middle; } .form-inline label { padding-right:.45rem; padding-top:.45rem; float:left; } .form-inline .form-group>label:not([class*=" hex-"]):not([class^=hex-]) { padding-left:0; width:auto; } .form-inline input { display:inline-block; vertical-align:middle; } .form-inline .form-group .input-group .btn,.form-inline .form-group .input-group [class^=btn-],.form-inline .form-group .input-group [class*=" btn-"] { margin-bottom:0; } label { display:inline-block; max-width:100%; margin-bottom:.5rem; } .form-horizontal .help,.form-inline .help { color:#d0d0d0; margin:0 0 .6rem 0; padding:0 1rem; height:1.4em; } .form-horizontal .help { padding-left:0; float:left; } .form-horizontal .help:before,.form-inline .help:before { font-family:icons; speak:none; font-style:normal; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:1.4rem; content:""; position:relative; top:.15rem; margin-right:.3rem; } .form-horizontal .help,.form-inline .help:not([class*=" hex-"]):not([class^=hex-]) { width:100%; } .form-horizontal .help.success:before { color:#5fb878; } .form-horizontal .help.danger { color:#ff5722; } .form-horizontal .help.success:before,.form-inline .help.success:before { content:""; } .form-horizontal .help.danger:before,.form-inline .help.danger:before { content:""; } .form-inline .help { display:none; } .input-group select:not([multiple=multiple]) { display:none; } @media(min-width:768px) { .form-inline input:not([type=checkbox]):not([type=radio]) { display:inline-block; width:auto; vertical-align:middle; } ;}.dropdown { position:relative; } .dropdown.select>.dropdown-menu { left:auto; min-width:100%; padding:0; } .dropdown-toggle:after { margin:0 0 0 10px; content:""; transition:transform .2s ease-in 0s; -webkit-transition:-webkit-transform .2s ease-in 0s; } .dropdown-toggle:focus { outline:0; } .dropdown-menu { position:absolute; top:100%; left:0; z-index:1000; display:none; min-width:160px; padding:5px 0; margin:2px 0 0; font-size:14px; text-align:left; list-style:none; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #ccc; border-radius:2px; -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175); box-shadow:0 6px 12px rgba(0,0,0,.175); max-height:300px; overflow-y:auto; } .dropdown-menu.fl { float:none; left:0; } .dropdown-menu.fr { float:none; left:auto; right:0; } .dropdown-menu>li { display:block; cursor:pointer; padding:3px 0; clear:both; font-weight:400; line-height:1.42857143; color:#333; white-space:nowrap; text-align:center; } .dropdown.select .dropdown-menu>li { text-align:unset; padding-left:20px; padding-right:20px; } .dropdown-menu>li>a { color:inherit; text-decoration:none; width:100%; display:block; padding:0 20px; text-align:left; } .dropdown-menu>li:focus,.dropdown-menu>li:hover,.dropdown-menu>li.this,.dropdown-menu>li.hover>a,.dropdown-menu>li.this>a { color:#262626; text-decoration:none; background-color:#dcdcdc; } .dropdown-menu>.this>a,.dropdown-menu>.this>a:focus,.dropdown-menu>.this>a:hover { color:#fff; text-decoration:none; outline:0; } .dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { color:#777; } .dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover { text-decoration:none; cursor:not-allowed; background-color:rgba(0,0,0,0); background-image:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); } .dropdown>.dropdown-toggle[data-hover]:hover:after,.dropdown.open>.dropdown-toggle:after { transform:rotate(180deg); -webkit-transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } .dropdown.open>.dropdown-menu { display:block; } .dropdown.open>.dropdown-menu.hide { display:none; } .items .item { padding:2rem 1rem; border-bottom:1px dashed #e5e5e5; -webkit-transition:all .4s cubic-bezier(0.175,0.885,0.32,1); -o-transition:all .4s cubic-bezier(0.175,0.885,0.32,1); transition:all .4s cubic-bezier(0.175,0.885,0.32,1); } .items .item-heading h1,.items .item-heading h2,.items .item-heading h3,.items .item-heading h4,.items .item-heading h5,.items .item-heading>h6 { margin-top:5px; } .items .item-content { word-wrap:break-word; color:#969696; } .items .item-content:after,.items .item-content:before { display:table; content:" "; } .items .item-content:after { clear:both; } .items .item-content:after,.items .item-content:before { display:table; content:" "; } .items .item-content:after { clear:both; } .items .item-content>.media { width:100%; margin:5px 0; height:20%; } .items .item-content>.media.fl { max-width:150px; margin:0 8px 0 0; } .items .item-content>.media.fr { max-width:150px; margin:0 0 0 8px; } .items .item-footer { padding-top:1rem; color:#9a9a9a; display:flex; justify-content:space-between; } .items .item-footer>a { color:gray; } .items .item>.media.fl { margin:6px 10px 0 0; } .items .item>.media.fr { max-width:150px; margin:6px 0 0 8px; } .items .item>.media~.item-footer { margin-top:-2.2rem; } .items-hover .item:hover { background-color:#f5f5f5; } .list-group { padding-left:0; } .list-item { position:relative; display:block; padding:1rem 15px; background-color:#fff; border-bottom:1px dashed #ddd; } .list-group.box-shadow .list-item { border-left:none; border-right:none; } .list-item:last-child { margin-bottom:0; border-bottom:none; } .list-group-even .list-item:nth-child(2n) { background-color:#f5f5f5; } .list-item>.label-badge { float:right; } .list-item>.label-badge+.label-badge { margin-right:5px; } a.list-item { color:#555; } a.list-item:hover { text-decoration:none; } a.list-item .list-item-heading { color:#333; } a.list-item:focus,a.list-item:hover { color:#353535; text-decoration:none; background-color:#ebf2f9; } .list-item.active,.list-item.active:focus,.list-item.active:hover { z-index:2; color:#fff; background-color:#3280fc; border-color:#3280fc; } .list-item.active .list-item-heading,.list-item.active:focus .list-item-heading,.list-item.active:hover .list-item-heading { color:inherit; } .list-item.active .list-item-text,.list-item.active:focus .list-item-text,.list-item.active:hover .list-item-text { color:#e6e6e6; } .list-item-heading { margin-top:0; margin-bottom:0; color:#333; } .list-item-footing { margin-bottom:25px; color:#333; } .list-item-text { color:#989898; margin-bottom:0; margin-top:5px; } .list-item-right { position:absolute; top:50%; right:1rem; transform:translate(0,-50%); } .grayscale { filter:grayscale(1); } .cu-list+.cu-list { margin-top:30px; } .cu-list>.cu-item { transition:all .6s ease-in-out 0s; transform:translateX(0px); } .cu-list>.cu-item.move-cur { transform:translateX(-260px); } .cu-list>.cu-item .move { position:absolute; right:0; display:flex; width:260px; height:100%; transform:translateX(100%); } .cu-list>.cu-item .move view { display:flex; flex:1; justify-content:center; align-items:center; } .cu-list.menu-avatar { overflow:hidden; } .cu-list.menu-avatar>.cu-item { position:relative; display:flex; padding-right:10px; height:140px; background-color:#fff; justify-content:flex-end; align-items:center; } .cu-list.menu-avatar>.cu-item>.cu-avatar { position:absolute; left:30px; } .cu-list.menu-avatar>.cu-item .flex .text-cut { max-width:510px; } .cu-list.menu-avatar>.cu-item .content { position:absolute; left:146px; width:calc(100% - 96px - 60px - 120px - 20px); line-height:1.6em; } .cu-list.menu-avatar>.cu-item .content.flex-sub { width:calc(100% - 96px - 60px - 20px); } .cu-list.menu-avatar>.cu-item .content>view:first-child { font-size:30px; display:flex; align-items:center; } .cu-list.menu-avatar>.cu-item .content .cu-tag.sm { display:inline-block; margin-left:10px; height:28px; font-size:16px; line-height:32px; } .cu-list.menu-avatar>.cu-item .action { width:100px; text-align:center; } .cu-list.menu-avatar>.cu-item .action view+view { margin-top:10px; } .cu-list.menu-avatar.comment>.cu-item .content { position:relative; left:0; width:auto; flex:1; } .cu-list.menu-avatar.comment>.cu-item { padding:30px 30px 30px 120px; height:auto; } .cu-list.menu-avatar.comment .cu-avatar { align-self:flex-start; } .cu-list.menu>.cu-item { position:relative; display:flex; padding:0 30px; min-height:100px; background-color:#fff; justify-content:space-between; align-items:center; } .cu-list.menu>.cu-item:last-child:after { border:none; } .cu-list.menu-avatar>.cu-item:after,.cu-list.menu>.cu-item:after { position:absolute; top:0; left:0; box-sizing:border-box; width:200%; height:200%; border-bottom:1px solid #ddd; border-radius:inherit; content:" "; transform:scale(0.5); transform-origin:0 0; pointer-events:none; } .cu-list.menu>.cu-item.grayscale { background-color:#f5f5f5; } .cu-list.menu>.cu-item.cur { background-color:#fcf7e9; } .cu-list.menu>.cu-item.arrow { padding-right:90px; } .cu-list.menu>.cu-item.arrow:before { position:absolute; top:0; right:30px; bottom:0; display:block; margin:auto; width:30px; height:30px; color:#8799a3; content:""; text-align:center; font-size:34px; font-family:icons; line-height:30px; } .cu-list.menu>.cu-item button.content { padding:0; background-color:rgba(0,0,0,0); justify-content:flex-start; } .cu-list.menu>.cu-item button.content:after { display:none; } .cu-list.menu>.cu-item .cu-avatar-group .cu-avatar { border-color:#fff; } .cu-list.menu>.cu-item .content>view:first-child { display:flex; align-items:center; } .cu-list.menu>.cu-item .content>text[class*=cuIcon] { display:inline-block; margin-right:10px; width:1.6em; text-align:center; } .cu-list.menu>.cu-item .content>image { display:inline-block; margin-right:10px; width:1.6em; height:1.6em; vertical-align:middle; } .cu-list.menu>.cu-item .content { font-size:30px; line-height:1.6em; flex:1; } .cu-list.menu>.cu-item .content .cu-tag.sm { display:inline-block; margin-left:10px; height:28px; font-size:16px; line-height:32px; } .cu-list.menu>.cu-item .action .cu-tag:empty { right:10px; } .cu-list.menu { display:block; overflow:hidden; } .cu-list.menu.sm-border>.cu-item:after { left:30px; width:calc(200% - 120px); } .cu-list.grid>.cu-item { position:relative; display:flex; padding:20px 0 30px; transition-duration:0s; flex-direction:column; } .cu-list.grid>.cu-item:after { position:absolute; top:0; left:0; box-sizing:border-box; width:200%; height:200%; border-right:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); border-radius:inherit; content:" "; transform:scale(0.5); transform-origin:0 0; pointer-events:none; } .cu-list.grid>.cu-item text { display:block; margin-top:10px; color:#888; font-size:26px; line-height:40px; } .cu-list.grid>.cu-item [class*=cuIcon] { position:relative; display:block; margin-top:20px; width:100%; font-size:48px; } .cu-list.grid>.cu-item .cu-tag { right:auto; left:50%; margin-left:20px; } .cu-list.grid { background-color:#fff; text-align:center; } .cu-list.grid.no-border>.cu-item { padding-top:10px; padding-bottom:20px; } .cu-list.grid.no-border>.cu-item:after { border:none; } .cu-list.grid.no-border { padding:20px 10px; } .cu-list.grid.col-3>.cu-item:nth-child(3n):after,.cu-list.grid.col-4>.cu-item:nth-child(4n):after,.cu-list.grid.col-5>.cu-item:nth-child(5n):after { border-right-width:0; } .cu-list.card-menu { overflow:hidden; margin-right:30px; margin-left:30px; border-radius:20px; } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } ;}@-o-keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } ;}@keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } ;}.progress { position:relative; height:6px; border-radius:2px; background-color:#e2e2e2; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1); box-shadow:inset 0 1px 2px rgba(0,0,0,.1); } .progress-bar { position:absolute; width:0; -webkit-background-size:40px 40px; background-size:40px 40px; max-width:100%; height:6px; border-radius:2px; text-align:right; background-color:#5fb878; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); transition:all .3s; -webkit-transition:all .3s; background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent); } .progress-bar-info { background-color:#1e9fff; } .progress-bar-warning { background-color:#f7b824; } .progress-bar-danger { background-color:#ff5722; } .progress-big,.progress-big .progress-bar { height:18px; line-height:18px; } .progress-text { position:relative; top:-18px; line-height:18px; font-size:12px; color:#666; } .progress-big .progress-text { position:static; padding:0 10px; color:#fff; } .progress.active .progress-bar,.progress-bar.active { -webkit-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite; } .sidebar-left,.sidebar-right { position:fixed; z-index:-1; display:block; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:-webkit-transform .4s; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; top:0; height:100%; background-color:#393d49; -webkit-transition:-webkit-transform .3s ease-in-out; transition:transform .3s ease-in-out; -ms-scroll-chaining:none; } .sidebar-left { left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%); } .sidebar-right { right:0; -webkit-transform:translateX(100%); transform:translateX(100%); } .sidebar-left.active,.sidebar-right.active { -webkit-transform:translateX(0); transform:translateX(0); height:100%; overflow-y:auto; } .sidebar-body { position:absolute; overflow:hidden; -webkit-transition:margin-left .3s ease-in-out,margin-right .3s ease-in-out; transition:margin-left .3s ease-in-out,margin-right .3s ease-in-out; width:100%; } .sidebar-mark { width:100%; height:100%; background:#000; z-index:999; position:absolute; left:0; top:0; right:0; bottom:0; } .open-sidebar.active { background-color:#ff5722; } .tab { margin:1rem 0; text-align:left !important; } .tab[overflow]>.tab-title { overflow:hidden; } .tab-title { position:relative; left:0; height:40px; white-space:nowrap; font-size:0; border-bottom:1px solid #f2f2f2; transition:all .2s; -webkit-transition:all .2s; } .tab-title li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; transition:all .2s; -webkit-transition:all .2s; } .tab-title li { position:relative; line-height:40px; min-width:65px; padding:0 10px; text-align:center; cursor:pointer; } .tab-title li a { display:block; } .tab-title .this { color:#000; } .tab-title .this:after { position:absolute; left:0; top:0; content:""; width:100%; height:41px; border:1px solid #e2e2e2; border-bottom-color:rgba(0,0,0,0); border-radius:2px 2px 0 0; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; pointer-events:none; } .tab-bar { position:absolute; right:0; top:0; z-index:10; width:30px; height:39px; line-height:39px; border:1px solid #e2e2e2; border-radius:2px; text-align:center; background-color:#fff; cursor:pointer; } .tab-bar .icon { position:relative; display:inline-block; top:6px; transition:all .3s; -webkit-transition:all .3s; font-size:18px; } .tab-item { display:none; transition-duration:200ms; width:100%; } .tab-more { padding-right:30px; height:auto; white-space:normal; } .tab-more li.this:after { border-bottom-color:#e2e2e2; border-radius:2px; } .tab-more .tab-bar .icon { top:6px; -webkit-transform:rotate(180deg); transform:rotate(180deg); } .tab-content { padding:10px 0; transition:all 200ms ease 0s; } .tab-title li .tab-close { position:relative; margin-left:8px; top:1px; color:#c2c2c2; transition:all .2s; -webkit-transition:all .2s; } .tab-title li .tab-close:hover { border-radius:2px; background-color:#ff5722; color:#fff; } .tab-brief>.tab-title .this { color:#0789f6; } .tab-brief>.tab-title .this:after,.tab-brief>.tab-more li.this:after { border:none; border-radius:0; border-bottom:3px solid #0789f6; } .tab-brief[overflow]>.tab-title .this:after { top:-1px; } .tab-card { border:1px solid #e2e2e2; border-radius:1px; } .tab-card.box-shadow { border:none; } .tab-card>.tab-title { background-color:#f2f2f2; } .tab-card>.tab-title li { margin-right:-1px; margin-left:-1px; } .tab-card>.tab-title .this { background-color:#fff; } .tab-card>.tab-title .this:after { border-top:none; border-width:1px; border-bottom-color:#fff; } .tab-card>.tab-title .tab-bar { height:40px; line-height:40px; border-radius:0; border-top:none; border-right:none; } .tab-card>.tab-more .this { background:none; color:#5fb878; } .tab-card>.tab-more .this:after { border:none; } .table { width:100%; background-color:#fff; } .table tr { transition:all .3s; -webkit-transition:all .3s; } .table thead tr { background-color:#f2f2f2; } .table tr th.unsorted,.table tr th.sort-up,.table tr th.sort-down { line-height:1.8rem; cursor:pointer; } .table tr th.unsorted:after { content:""; float:right; } .table tr th.sort-up:after { content:""; float:right; } .table tr th.sort-down:after { content:""; float:right; } .table th { text-align:left; } .table th,.table td { padding:9px 15px; min-height:20px; line-height:20px; border:1px solid #e2e2e2; } .table[data-even] tr:nth-child(even),.table.table-even tr:nth-child(even),.table tr:hover { background-color:#f8f8f8; } .table[data-skin=line],.table.table-line,.table[data-skin=row],.table.table-row { border:1px solid #e2e2e2; } .table[data-skin=line] th,.table[data-skin=line] td,.table.table-line th,.table.table-line td { border:none; border-bottom:1px solid #e2e2e2; } .table[data-skin=row] th,.table[data-skin=row] td,.table.table-row th,.table.table-row td { border:none; border-right:1px solid #e2e2e2; } .table[data-skin=nob] th,.table[data-skin=nob] td,.table.table-nob th,.table.table-nob td { border:none; } .tag,[class*=" tag-"],[class^=tag-] { display:inline-block; padding:.1rem .4rem; margin-bottom:0; font-size:1.2rem; border:1px solid rgba(0,0,0,0); text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#4285f4; border-radius:1px; color:#fff; } .tags .tag { margin:.3rem .3rem .3rem 0; border-radius:3px; transition:all .25s; } .tags .tag:after { opacity:0; color:#fff; content:"×"; margin-left:.5rem; font-weight:bolder; transition:all .25s; position:absolute; } .tags .tag:hover { padding-right:2rem; } .tags .tag:hover:after { opacity:1; } .tree { line-height:26px; } .tree li { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .tree li a,.tree li .tree-spread { display:inline-block; vertical-align:top; height:26px; *display:inline; *zoom:1; cursor:pointer; } .tree li a { font-size:0; } .tree li a i { font-size:16px; } .tree li a cite { padding:0 6px; font-size:14px; font-style:normal; } .tree li i { padding-left:6px; color:#333; -moz-user-select:none; } .tree li .tree-check { font-size:13px; } .tree li .tree-check:hover { color:#009e94; } .tree li ul { margin-left:20px; } .tree li .tree-enter { line-height:24px; border:1px dotted #000; } .tree-drag { display:none; position:absolute; left:-666px; top:-666px; background-color:#f2f2f2; padding:5px 10px; border:1px dotted #000; white-space:nowrap; } .tree-drag i { padding-right:5px; } .nav-normal { background:0 0; } .nav-normal .nav-item a { color:#393d49; } .nav-normal .nav-item:hover { background:#bebebe; } .nav-normal .nav-item a:hover { color:#fff; } .pichend { height:142px; overflow:hidden; -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; } .pichend:hover { -webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3); filter:contrast(1.1) brightness(1.1) saturate(1.3); } .nav { position:relative; padding:0 20px; background-color:#393d49; color:#c2c2c2; border-radius:2px; font-size:0; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; } .nav * { font-size:14px; } .nav .nav-item { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; line-height:60px; } .nav .nav-item a { display:block; padding:0 20px; color:#c2c2c2; transition:all .3s; -webkit-transition:all .3s; } .nav-bar,.nav .this:after,.nav-tree .nav-itemed:after { position:absolute; left:0; top:0; width:0; height:5px; background-color:#4285f4; transition:all .2s; -webkit-transition:all .2s; } .nav-bar { z-index:1000; } .nav .this a,.nav .nav-item a:hover { color:#fff; text-decoration:none; } .nav .this:after { content:""; top:auto; bottom:0; width:100%; } .nav .nav-more { content:""; width:0; height:0; border-style:dashed; border-color:rgba(0,0,0,0); overflow:hidden; cursor:pointer; transition:all .2s; -webkit-transition:all .2s; } .nav .nav-more { position:absolute; top:28px; right:3px; border-width:6px; border-top-style:solid; border-top-color:#c2c2c2; } .nav .nav-mored,.nav-itemed .nav-more { top:22px; border-style:dashed; border-color:rgba(0,0,0,0); border-bottom-style:solid; border-bottom-color:#c2c2c2; } .nav-child { display:none; position:absolute; left:0; top:65px; min-width:100%; line-height:36px; padding:5px 0; box-shadow:0 2px 4px rgba(0,0,0,.12); border:1px solid #d2d2d2; background-color:#fff; z-index:10001; border-radius:2px; white-space:nowrap; } .nav .nav-child a { color:#333; } .nav .nav-child a:hover { background-color:#f2f2f2; color:#333; } .nav-child dd { position:relative; } .nav-child dd.this { background-color:#5fb878; color:#fff; } .nav-child dd.this a { color:#fff; } .nav-child dd.this:after { display:none; } .nav-tree { width:200px; padding:0; } .nav-tree .nav-item { display:block; width:100%; line-height:45px; } .nav-tree .nav-item a { height:45px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .nav-tree .nav-item a:hover { background-color:#4e5465; } .nav-tree .nav-bar { width:5px; height:0; } .nav-tree .this,.nav-tree .this>a,.nav-tree .this>a:hover,.nav-tree .nav-child dd.this { background-color:#4e5465; color:#fff; } .nav-tree .this:after { display:none; } .nav-tree .nav-title a,.nav-tree .nav-title a:hover,.nav-itemed>a { background-color:#2b2e37 !important; color:#fff !important; } .nav-tree .nav-bar { background-color:#3c78dc; } .nav-tree .nav-child { position:relative; z-index:0; top:0; border:none; box-shadow:none; } .nav-tree .nav-child a { height:40px; line-height:40px; } .nav-tree .nav-child a { color:#c2c2c2; } .nav-tree .nav-child a:hover,.nav-tree .nav-child { background:none; color:#fff; } .nav-tree .nav-more { top:20px; right:10px; } .nav-itemed .nav-more { top:14px; } .nav-itemed .nav-child { display:block; padding:0; } .nav-side { position:fixed; top:0; bottom:0; left:0; overflow-x:hidden; z-index:999; } .slide { width:100%; overflow:hidden; position:relative; padding:0 !important; } .slide .slide-cont { width:100%; position:relative; overflow:hidden; margin:0; height:100%; } .slide .slide-item { position:absolute; width:100%; height:100%; left:-630px; } .slide .slide-item .slide-img { width:100%; height:310px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer; } .slide .slide-item a { display:block; width:100%; height:100%; overflow:hidden; } .slide .slide-item a .media { margin:0; } .slide .slide-item img { max-width:685px; min-width:685px; min-height:310px; } .slide .slide-txt { width:100%; height:50px; position:absolute; left:0; bottom:0; z-index:1; background:rgba(0,0,0,.7); } .slide .slide-txt a { display:inline-block; width:590px; height:50px; line-height:50px; font-size:16px; padding:0 20px; overflow:hidden; color:#fff; position:absolute; left:0; top:0; } .slide .slide-nav { width:auto; height:11px; display:inline-block; overflow:hidden; position:absolute; z-index:100; bottom:21px; right:20px; } .slide .slide-nav a { display:block; width:12px; height:12px; background:#d4d4d4; cursor:pointer; margin-left:5px; float:left; text-indent:-99em; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.3); } .slide .slide-nav .this { background:#4285f4; } .slide .slide-loading { height:5px; position:absolute; left:0; bottom:0; background:#4285f4; z-index:10; } .slide .slide-next,.slide .slide-prev { width:32px; height:40px; padding:40px 0; position:absolute; background:rgba(0,0,0,.5); filter:alpha(opacity=0); opacity:0; cursor:pointer; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; } .slide .slide-prev [class*=" icon-"],.slide .slide-prev [class^=icon-] { font-size:4rem; color:#fff; position:absolute; top:21px; right:0; margin-right:-3px; } .slide .slide-next [class*=" icon-"],.slide .slide-next [class^=icon-] { font-size:4rem; color:#fff; position:absolute; top:21px; left:0; margin-left:-3px; } .slide .slide-next:hover,.slide .slide-prev:hover { filter:alpha(opacity=100); opacity:1; } .slide .slide-next { right:0; background-position-x:8px; } @keyframes slideFadeIn { from { opacity:0; display:none; } to { opacity:1; display:block; } ;}@keyframes slideFadeOut { from { opacity:1; display:block; } to { opacity:0; display:none; } ;}@keyframes slideFadeZoomIn { from { opacity:0; display:none; transform:scale(1.3); } to { opacity:1; display:block; transform:scale(1); } ;}@keyframes slideFadeZoomOut { from { opacity:1; display:block; transform:scale(1); } to { opacity:0; display:none; transform:scale(1.3); } ;}.slide:hover .slide-prev,.slide:hover .slide-next { opacity:.8; } .container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; } .hide { display:none; } .show { display:block !important; } .circle { border-radius:50%; } .main,.container,.contents { width:1024px; margin-left:auto; margin-right:auto; display:table; } @media screen and (max-width:768px) { .main,.container,.contents { width:750px; } ;}@media screen and (max-width:992px) { .main,.container,.contents { width:970px; } ;}@media screen and (min-width:1200px) { .main,.container,.contents { width:1190px; } ;}.wf,.w-full,.width-full,input.width-full,input.wf { width:100%; } .help.wf { width:100% !important; } .hf,.h-full { height:100%; } .ofx,.overflow-x { overflow-x:auto; overflow-y:hidden; } .ofy,.overflow-y { overflow-x:hidden; overflow-y:auto; } .box-shadow { box-shadow:0 1px 2px rgba(0,0,0,.3); } .no-background { background-color:rgba(0,0,0,0); } .no-box-shadow,.no-box-shadow:hover,.no-box-shadow:focus,.no-box-shadow.focus,.no-box-shadow:active,.no-box-shadow.active { box-shadow:none; } .no-border,.border,.nb { border:none !important; } .no-border-top,.nbt { border-top:none !important; } .no-border-right,.nbr { border-right:none !important; } .no-border-bottom,.nbb { border-bottom:none !important; } .no-border-left,.nbl { border-left:none !important; } .no-border-radius { border-radius:0; } .no-border-top-radius { border-top-left-radius:0; border-top-right-radius:0; } .no-border-bottom-radius { border-bottom-left-radius:0; border-bottom-right-radius:0; } .no-border-left-radius { border-top-left-radius:0; border-bottom-left-radius:0; } .no-border-right-radius { border-top-right-radius:0; border-bottom-right-radius:0; } .margin-0,.no-margin { margin:0; } .no-margin-top { margin-top:0 !important; } .no-padding { padding:0 !important; } .no-padding-left { padding-left:0 !important; } .no-padding-right { padding-right:0 !important; } .no-padding-lr { padding-right:0 !important; padding-left:0 !important; } .clearfix { zoom:1; } .clearfix:after { clear:both; height:0; font-size:0; visibility:hidden; display:block; content:" "; } .clear-fix { zoom:1; } .clear-fix:after { clear:both; height:0; font-size:0; visibility:hidden; display:block; content:" "; } .fn,.pull-none { float:none; } .fl,.pull-left { float:left; } .fr,.pull-right { float:right; } .tl,.text-left { text-align:left; } .tc,.text-center { text-align:center; } .tr,.text-right { text-align:right; } .fs12 { font-size:12px; } .fs14 { font-size:14px; } .fs16 { font-size:16px; } .fs18 { font-size:18px; } .fs24 { font-size:24px; } .fwb { font-weight:bolder; } .text-xs { font-size:1.2rem; } .text-sm { font-size:1.4rem; } .text-df { font-size:1.8rem; } .text-lg { font-size:2.4rem; } .text-xl { font-size:3.6rem; } .text-xxl { font-size:4.4rem; } .text-sl { font-size:8rem; } .text-xsl { font-size:12rem; } .text-Abc { text-transform:Capitalize; } .text-ABC { text-transform:Uppercase; } .text-abc { text-transform:Lowercase; } .text-price::before { content:"¥"; font-size:80%; margin-right:.4rem; } .text-cut { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .text-bold { font-weight:700; } .text-underline { text-decoration:underline !important; } .text-center { text-align:center; } .text-content { line-height:1.6; } .text-nowrap { white-space:nowrap; } .text-left { text-align:left; } .text-right { text-align:right; } .media { display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } .media.height { background-position-y:inherit; } .media.error { background-size:contain; background-image:url("./images/media-error.png") !important; background-color:#e4e4e4; } .media.loading { background-size:contain; background-image:url("./images/media-loading.gif") !important; background-color:#e4e4e4; } .mobile .media { position:relative; z-index:1; } .bg-default,.btn-default { background-color:#eee; } .bg-red,.bg-danger,.btn-danger { background-color:#e54d42; color:#fff; } .bg-orange,.bg-warning,.btn-warning { background-color:#f37b1d; color:#fff; } .bg-yellow { background-color:#fbbd08; color:#333; } .bg-olive { background-color:#8dc63f; color:#fff; } .bg-green,.bg-success,.btn-success { background-color:#39b54a; color:#fff; } .bg-cyan,.bg-normal,.btn-normal { background-color:#1cbbb4; color:#fff; } .bg-blue,.bg-info,.btn-info { background-color:#0081ff; color:#fff; } .bg-purple { background-color:#6739b6; color:#fff; } .bg-mauve { background-color:#9c26b0; color:#fff; } .bg-pink { background-color:#e03997; color:#fff; } .bg-brown { background-color:#a5673f; color:#fff; } .bg-grey { background-color:#8799a3; color:#fff; } .bg-gray { background-color:#f0f0f0; color:#333; } .bg-silver { background-color:#C0C0C0; color:#333; } .bg-maroon { background-color:#800000; color:#fff; } .bg-god { background-color:#FFD700; color:#333; } .bg-navy { background-color:#000080; color:#fff; } .bg-crimson { background-color:#DC143C; color:#fff; } .bg-heping { background-color:#198110; color:#fff; } .bg-black,.btn-black { background-color:#393d49; color:#fbbd08; } .bg-white,.btn-white { background-color:#fff; color:#666; } .bg-shade-top { background-image:linear-gradient(rgb(0,0,0),rgba(0,0,0,0.01)); color:#fff; } .bg-shade-bottom { background-image:linear-gradient(rgba(0,0,0,0.01),rgb(0,0,0)); color:#fff; } .bg-red.light { color:#e54d42; background-color:#fadbd9; } .bg-orange.light { color:#f37b1d; background-color:#fde6d2; } .bg-yellow.light { color:#fbbd08; background-color:rgba(254,242,206,.8235294118); } .bg-olive.light { color:#8dc63f; background-color:#e8f4d9; } .bg-green.light { color:#39b54a; background-color:#d7f0db; } .bg-cyan.light { color:#1cbbb4; background-color:#d2f1f0; } .bg-blue.light { color:#0081ff; background-color:#cce6ff; } .bg-purple.light { color:#6739b6; background-color:#e1d7f0; } .bg-mauve.light { color:#9c26b0; background-color:#ebd4ef; } .bg-pink.light { color:#e03997; background-color:#f9d7ea; } .bg-brown.light { color:#a5673f; background-color:#ede1d9; } .bg-grey.light { color:#8799a3; background-color:#e7ebed; } .bg-gradual-red { background-image:linear-gradient(45deg,#f43f3b,#ec008c); color:#fff; } .bg-gradual-orange { background-image:linear-gradient(45deg,#ff9700,#ed1c24); color:#fff; } .bg-gradual-green { background-image:linear-gradient(45deg,#39b54a,#8dc63f); color:#fff; } .bg-gradual-purple { background-image:linear-gradient(45deg,#9000ff,#5e00ff); color:#fff; } .bg-gradual-pink { background-image:linear-gradient(45deg,#ec008c,#6739b6); color:#fff; } .bg-gradual-blue { background-image:linear-gradient(45deg,#0081ff,#1cbbb4); color:#fff; } .default { color:#eee !important; } .blue,.info { color:#4285f4 !important; } .green,.success { color:#5fb878 !important; } .error,.danger,.red { color:#e54d42 !important; } .warning,.orange { color:#f7b824 !important; } .cyan,.normal { color:#2f4056 !important; } .gray { color:#b4b4b4 !important; } .black { color:#393d49 !important; } .white { color:#fff !important; } [class*=" line-"],[class^=line-] { border-width:1px; border-style:solid; } [class*=" line-"],[class^=line-]::after { content:""; } .line-red::after,.lines-red::after { border-color:#e54d42; } .line-orange::after,.lines-orange::after { border-color:#f37b1d; } .line-yellow::after,.lines-yellow::after { border-color:#fbbd08; } .line-olive::after,.lines-olive::after { border-color:#8dc63f; } .line-green::after,.lines-green::after { border-color:#39b54a; } .line-cyan::after,.lines-cyan::after { border-color:#1cbbb4; } .line-blue::after,.lines-blue::after { border-color:#0081ff; } .line-purple::after,.lines-purple::after { border-color:#6739b6; } .line-mauve::after,.lines-mauve::after { border-color:#9c26b0; } .line-pink::after,.lines-pink::after { border-color:#e03997; } .line-brown::after,.lines-brown::after { border-color:#a5673f; } .line-grey::after,.lines-grey::after { border-color:#8799a3; } .line-gray::after,.lines-gray::after { border-color:#aaa; } .line-black::after,.lines-black::after,input.line-black { border-color:#393d49; } input.line-black:focus,textarea.line-black:focus { box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(57,61,73,.6); } .line-white::after,.lines-white::after { border-color:#fff; } .line-red,.lines-red,.text-red { color:#e54d42; } .line-orange,.lines-orange,.text-orange { color:#f37b1d; } .line-yellow,.lines-yellow,.text-yellow { color:#fbbd08; } .line-olive,.lines-olive,.text-olive { color:#8dc63f; } .line-green,.lines-green,.text-green { color:#39b54a; } .line-cyan,.lines-cyan,.text-cyan { color:#1cbbb4; } .line-blue,.lines-blue,.text-blue { color:#0081ff; } .line-purple,.lines-purple,.text-purple { color:#6739b6; } .line-mauve,.lines-mauve,.text-mauve { color:#9c26b0; } .line-pink,.lines-pink,.text-pink { color:#e03997; } .line-brown,.lines-brown,.text-brown { color:#a5673f; } .line-grey,.lines-grey,.text-grey { color:#8799a3; } .line-gray,.lines-gray,.text-gray { color:#aaa; } .line-black,.lines-black,.text-black { color:#333; } .line-white,.lines-white,.text-white { color:#fff; } .shadow[class*=-red] { box-shadow:6px 6px 8px rgba(204,69,59,.2); } .shadow[class*=-orange] { box-shadow:6px 6px 8px rgba(217,109,26,.2); } .shadow[class*=-yellow] { box-shadow:6px 6px 8px rgba(224,170,7,.2); } .shadow[class*=-olive] { box-shadow:6px 6px 8px rgba(124,173,55,.2); } .shadow[class*=-green] { box-shadow:6px 6px 8px rgba(48,156,63,.2); } .shadow[class*=-cyan] { box-shadow:6px 6px 8px rgba(28,187,180,.2); } .shadow[class*=-blue] { box-shadow:6px 6px 8px rgba(0,102,204,.2); } .shadow[class*=-purple] { box-shadow:6px 6px 8px rgba(88,48,156,.2); } .shadow[class*=-mauve] { box-shadow:6px 6px 8px rgba(133,33,150,.2); } .shadow[class*=-pink] { box-shadow:6px 6px 8px rgba(199,50,134,.2); } .shadow[class*=-brown] { box-shadow:6px 6px 8px rgba(140,88,53,.2); } .shadow[class*=-grey] { box-shadow:6px 6px 8px rgba(114,130,138,.2); } .shadow[class*=-gray] { box-shadow:6px 6px 8px rgba(114,130,138,.2); } .shadow[class*=-black] { box-shadow:6px 6px 8px rgba(26,26,26,.2); } .shadow[class*=-white] { box-shadow:6px 6px 8px rgba(26,26,26,.2); } .text-shadow[class*=-red] { text-shadow:6px 6px 8px rgba(204,69,59,.2); } .text-shadow[class*=-orange] { text-shadow:6px 6px 8px rgba(217,109,26,.2); } .text-shadow[class*=-yellow] { text-shadow:6px 6px 8px rgba(224,170,7,.2); } .text-shadow[class*=-olive] { text-shadow:6px 6px 8px rgba(124,173,55,.2); } .text-shadow[class*=-green] { text-shadow:6px 6px 8px rgba(48,156,63,.2); } .text-shadow[class*=-cyan] { text-shadow:6px 6px 8px rgba(28,187,180,.2); } .text-shadow[class*=-blue] { text-shadow:6px 6px 8px rgba(0,102,204,.2); } .text-shadow[class*=-purple] { text-shadow:6px 6px 8px rgba(88,48,156,.2); } .text-shadow[class*=-mauve] { text-shadow:6px 6px 8px rgba(133,33,150,.2); } .text-shadow[class*=-pink] { text-shadow:6px 6px 8px rgba(199,50,134,.2); } .text-shadow[class*=-brown] { text-shadow:6px 6px 8px rgba(140,88,53,.2); } .text-shadow[class*=-grey] { text-shadow:6px 6px 8px rgba(114,130,138,.2); } .text-shadow[class*=-gray] { text-shadow:6px 6px 8px rgba(114,130,138,.2); } .text-shadow[class*=-black] { text-shadow:6px 6px 8px rgba(26,26,26,.2); } .margin-xxs { margin:.5rem; } .margin-xs { margin:1rem; } .margin-sm { margin:2rem; } .margin { margin:3rem; } .margin-lg { margin:4rem; } .margin-xl { margin:5rem; } .margin-top-xxs { margin-top:.5rem; } .margin-top-xs { margin-top:1rem; } .margin-top-sm { margin-top:2rem; } .margin-top { margin-top:3rem; } .margin-top-lg { margin-top:4rem; } .margin-top-xl { margin-top:5rem; } .margin-right-xxs { margin-right:.5rem; } .margin-right-xs { margin-right:1rem; } .margin-right-sm { margin-right:2rem; } .margin-right { margin-right:3rem; } .margin-right-lg { margin-right:4rem; } .margin-right-xl { margin-right:5rem; } .margin-bottom-xxs { margin-bottom:.5rem; } .margin-bottom-xs { margin-bottom:1rem; } .margin-bottom-sm { margin-bottom:2rem; } .margin-bottom { margin-bottom:3rem; } .margin-bottom-lg { margin-bottom:4rem; } .margin-bottom-xl { margin-bottom:5rem; } .margin-left-xxs { margin-left:.5rem; } .margin-left-xs { margin-left:1rem; } .margin-left-sm { margin-left:2rem; } .margin-left { margin-left:3rem; } .margin-left-lg { margin-left:4rem; } .margin-left-xl { margin-left:5rem; } .margin-lr-xxs { margin-left:.5rem; margin-right:.5rem; } .margin-lr-xs { margin-left:1rem; margin-right:1rem; } .margin-lr-sm { margin-left:2rem; margin-right:2rem; } .margin-lr { margin-left:3rem; margin-right:3rem; } .margin-lr-lg { margin-left:4rem; margin-right:4rem; } .margin-lr-xl { margin-left:5rem; margin-right:5rem; } .margin-tb-xxs { margin-top:.5rem; margin-bottom:.5rem; } .margin-tb-xs { margin-top:1rem; margin-bottom:1rem; } .margin-tb-sm { margin-top:2rem; margin-bottom:2rem; } .margin-tb { margin-top:3rem; margin-bottom:3rem; } .margin-tb-lg { margin-top:4rem; margin-bottom:4rem; } .margin-tb-xl { margin-top:5rem; margin-bottom:5rem; } .padding-0 { padding:0; } .padding-xxs { padding:.5rem; } .padding-xs { padding:1rem; } .padding-sm { padding:2rem; } .padding { padding:3rem; } .padding-lg { padding:4rem; } .padding-xl { padding:5rem; } .padding-top-xxs { padding-top:.5rem; } .padding-top-xs { padding-top:1rem; } .padding-top-sm { padding-top:2rem; } .padding-top { padding-top:3rem; } .padding-top-lg { padding-top:4rem; } .padding-top-xl { padding-top:5rem; } .padding-right-xxs { padding-right:.5rem; } .padding-right-xs { padding-right:1rem; } .padding-right-sm { padding-right:2rem; } .padding-right { padding-right:3rem; } .padding-right-lg { padding-right:4rem; } .padding-right-xl { padding-right:5rem; } .padding-bottom-xxs { padding-bottom:.5rem; } .padding-bottom-xs { padding-bottom:1rem; } .padding-bottom-sm { padding-bottom:2rem; } .padding-bottom { padding-bottom:3rem; } .padding-bottom-lg { padding-bottom:4rem; } .padding-bottom-xl { padding-bottom:5rem; } .padding-left-xxs { padding-left:.5rem; } .padding-left-xs { padding-left:1rem; } .padding-left-sm { padding-left:2rem; } .padding-left { padding-left:3rem; } .padding-left-lg { padding-left:4rem; } .padding-left-xl { padding-left:5rem; } .padding-lr-xxs { padding-left:.5rem; padding-right:.5rem; } .padding-lr-xs { padding-left:1rem; padding-right:1rem; } .padding-lr-sm { padding-left:2rem; padding-right:2rem; } .padding-lr { padding-left:3rem; padding-right:3rem; } .padding-lr-lg { padding-left:4rem; padding-right:4rem; } .padding-lr-xl { padding-left:5rem; padding-right:5rem; } .padding-tb-xxs { padding-top:.5rem; padding-bottom:.5rem; } .padding-tb-xs { padding-top:1rem; padding-bottom:1rem; } .padding-tb-sm { padding-top:2rem; padding-bottom:2rem; } .padding-tb { padding-top:3rem; padding-bottom:3rem; } .padding-tb-lg { padding-top:4rem; padding-bottom:4rem; } .padding-tb-xl { padding-top:5rem; padding-bottom:5rem; } .m { margin:0 !important; } .m1 { margin:1rem; } .m2 { margin:2rem; } .m3 { margin:3rem; } .m4 { margin:4rem; } .mt { margin-top:0 !important; } .mt1,button.mt1 { margin-top:1rem; } .mt2,button.mt2 { margin-top:2rem; } .mt3,button.mt3 { margin-top:3rem; } .mt4,button.mt4 { margin-top:4rem; } .mr { margin-right:0 !important; } .mr1,button.mr1 { margin-right:1rem; } .mr2,button.mr2 { margin-right:2rem; } .mr3,button.mr3 { margin-right:3rem; } .mr4,button.mr4 { margin-right:4rem; } .mb { margin-bottom:0 !important; } .mb1,button.mb1 { margin-bottom:1rem; } .mb2,button.mb2 { margin-bottom:2rem; } .mb3,button.mb3 { margin-bottom:3rem; } .mb4,button.mb4 { margin-bottom:4rem; } .ml { margin-left:0 !important; } .ml1,button.ml1 { margin-left:1rem; } .ml2,button.ml2 { margin-left:2rem; } .ml3,button.ml3 { margin-left:3rem; } .ml4,button.ml4 { margin-left:4rem; } .p,.no-padding { padding:0 !important; } .p1 { padding:1rem; } .p2 { padding:2rem; } .p3 { padding:3rem; } .p4 { padding:4rem; } .pt { padding-top:0; } .pt1 { padding-top:1rem; } .pt2 { padding-top:2rem; } .pt3 { padding-top:3rem; } .pt4 { padding-top:4rem; } .pr { padding-right:0; } .pr1 { padding-right:1rem; } .pr2 { padding-right:2rem; } .pr3 { padding-right:3rem; } .pr4 { padding-right:4rem; } .pb { padding-bottom:0; } .pb1 { padding-bottom:1rem; } .pb2 { padding-bottom:2rem; } .pb3 { padding-bottom:3rem; } .pb4 { padding-bottom:4rem; } .pl { padding-left:0; } .pl1 { padding-left:1rem; } .pl2 { padding-left:2rem; } .pl3 { padding-left:3rem; } .pl4 { padding-left:4rem; } .flex { display:flex; } .basis-xs { flex-basis:20%; } .basis-sm { flex-basis:40%; } .basis-df { flex-basis:50%; } .basis-lg { flex-basis:60%; } .basis-xl { flex-basis:80%; } .flex-sub { flex:1; } .flex-twice { flex:2; } .flex-treble { flex:3; } .flex-direction { flex-direction:column; } .flex-wrap { flex-wrap:wrap; } .align-start { align-items:flex-start; } .align-end { align-items:flex-end; } .align-center { align-items:center; } .align-stretch { align-items:stretch; } .self-start { align-self:flex-start; } .self-center { align-self:flex-center; } .self-end { align-self:flex-end; } .self-stretch { align-self:stretch; } .align-stretch { align-items:stretch; } .justify-start { justify-content:flex-start; } .justify-end { justify-content:flex-end; } .justify-center { justify-content:center; } .justify-between { justify-content:space-between; } .justify-around { justify-content:space-around; } .mobile { position:fixed; top:0; right:0; bottom:0; background:#eee; z-index:1; width:100%; -webkit-box-shadow:0 0 11px rgba(0,0,0,.5); box-shadow:0 0px 11px rgba(0,0,0,.5); -webkit-transition:left .3s ease-in-out,right .3s ease-in-out; transition:left .3s ease-in-out,right .3s ease-in-out; } .mobile .content { position:absolute; top:0; right:0; bottom:0; left:0; overflow:auto; -webkit-overflow-scrolling:touch; } .mobile .content-padded { padding:1rem; } .mobile .content-block { margin:2rem 0; padding:0 2rem; color:#6d6d72; } .mobile .content-title,.content-block-title { overflow:hidden; font-size:2.2rem; text-transform:uppercase; line-height:1; color:#6d6d72; margin:1rem; } .bar-nav~.content { top:4.4rem; } .bar-footer~.content { bottom:4.4rem; } .bar-tab~.content { bottom:4.4rem; box-shadow:0 1px 10px rgba(0,0,0,.5); } [class*=" bar-"],[class^=bar-] { position:absolute; right:0; left:0; z-index:10; height:4.4rem; padding-right:1rem; padding-left:1rem; background-color:#f7f7f8; -webkit-backface-visibility:hidden; backface-visibility:hidden; } [class*=" bar-"]:after,[class^=bar-]:after { content:""; position:absolute; left:0; bottom:0; right:auto; top:auto; height:1px; width:100%; background-color:#e7e7e7; display:block; z-index:15; -webkit-transform-origin:50% 100%; transform-origin:50% 100%; } @media only screen and (-webkit-min-device-pixel-ratio:2) { [class*=" bar-"]:after,[class^=bar-]:after { -webkit-transform:scaleY(0.5); transform:scaleY(0.5); } ;}@media only screen and (-webkit-min-device-pixel-ratio:3) { [class*=" bar-"]:after,[class^=bar-]:after { -webkit-transform:scaleY(0.33); transform:scaleY(0.33); } ;}.bar-footer,.bar-tab { bottom:0; } .bar-footer:before { content:""; position:absolute; left:0; top:0; bottom:auto; right:auto; height:1px; width:100%; background-color:#e7e7e7; display:block; z-index:15; -webkit-transform-origin:50% 0; transform-origin:50% 0; } @media only screen and (-webkit-min-device-pixel-ratio:2) { .bar-footer:before { -webkit-transform:scaleY(0.5); transform:scaleY(0.5); } ;}@media only screen and (-webkit-min-device-pixel-ratio:3) { .bar-footer:before { -webkit-transform:scaleY(0.33); transform:scaleY(0.33); } ;}.bar-footer:after { display:none; } .bar-nav { top:0; } [class*=" bar-"] [class*=" icon-"],[class*=" bar-"] [class^=icon-],[class^=bar-] [class*=" icon-"],[class^=bar-] [class^=icon-] { position:relative; z-index:20; padding:1rem .2rem; font-size:2rem; line-height:2.2rem; } .bar-nav { display:flex; align-items:center; justify-content:space-between; } .bar-title { position:absolute; display:block; width:100%; padding:0; margin:0 -1rem; font-size:1.7rem; font-weight:500; line-height:4.4rem; color:#3d4145; text-align:center; white-space:nowrap; } .bar-tab { bottom:0; width:100%; height:4.4rem; padding:0; table-layout:fixed; } .bar-tab:before { content:""; position:absolute; left:0; top:0; bottom:auto; right:auto; height:1px; width:100%; background-color:#e7e7e7; display:block; z-index:15; -webkit-transform-origin:50% 0; transform-origin:50% 0; } @media only screen and (-webkit-min-device-pixel-ratio:2) { .bar-tab:before { -webkit-transform:scaleY(0.5); transform:scaleY(0.5); } ;}@media only screen and (-webkit-min-device-pixel-ratio:3) { .bar-tab:before { -webkit-transform:scaleY(0.33); transform:scaleY(0.33); } ;}.bar-tab:after { display:none; } .bar-tab .tab-item { position:relative; display:table-cell; width:1%; height:4.4rem; color:#929292; text-align:center; vertical-align:middle; } .bar-tab .tab-item.active,.bar-tab .tab-item:active { color:#0894ec; } .bar-tab .tab-item .badge { position:absolute; top:.1rem; left:50%; z-index:100; height:.8rem; min-width:.8rem; padding:0 .2rem; font-size:.6rem; line-height:.8rem; color:#fff; vertical-align:top; background:red; border-radius:.5rem; margin-left:.1rem; } .bar-tab .tab-item [class^=icon-],.bar-tab .tab-item [class*=" icon-"] { top:.05rem; height:1.2rem; font-size:1.8rem; line-height:1.2rem; padding-top:0; padding-bottom:0; } .bar-tab .tab-item [class^=icon-]~.tab-label,.bar-tab .tab-item [class*=" icon-"]~.tab-label { display:block; font-size:1.2rem; position:relative; top:.15rem; } [class*=" bar-"] .button,[class*=" bar-"] .button,[class^=bar-] .button,[class^=bar-] .button { position:relative; top:.35rem; z-index:20; margin-top:0; font-weight:400; } .mobile .form-horizontal label { text-align:left; } .mobile .form-horizontal .form-group { padding:1.5rem 0; margin-bottom:0; position:relative; } .mobile .form-horizontal .form-group:not(:last-child) { border-bottom:1px solid #e9e8ed; } .mobile .form-horizontal .form-group label { font-size:1.6rem; } .mobile .form-horizontal .form-group>label:not([class*=" hex-"]):not([class^=hex-]),.mobile .form-horizontal .form-group .input-group .dropdown.select { width:auto; padding-top:1rem; color:#ababab; } .mobile .form-horizontal .form-group label~.input-group:not([class*=" hex-"]):not([class^=hex-]) { width:auto; margin-right:1rem; display:block; overflow:hidden; float:none; } .mobile .form-horizontal .form-group .help { width:100%; } .mobile .form-horizontal .form-group .input-group label { width:100%; padding-bottom:.7rem; margin-top:.3rem; margin-bottom:1rem; } .mobile .form-horizontal .form-group .input-group label:last-child { margin-bottom:0; } .mobile .form-horizontal .form-group .input-group input::-webkit-input-placeholder { color:#dadada; } .mobile .form-horizontal .form-group .input-group input:not([type=checkbox]):not([type=radio]) { border-width:0; box-shadow:none; -webkit-box-shadow:none; height:4rem; font-size:1.6rem; } .mobile .form-horizontal .form-group .input-group .input-group-btn,.mobile .form-horizontal .form-group .input-group .input-group-addon { position:absolute; top:0; right:0; width:auto; } .mobile .form-horizontal .form-group .input-group .input-group-btn:last-child [class*=" btn-"],.mobile .form-horizontal .form-group .input-group .input-group-btn:last-child [class^=btn-] { border-left-color:#c9c9c9; height:4rem; line-height:3.3rem; font-size:1.6rem; } .mobile input[type=checkbox],.mobile input[type=radio] { width:18px; height:18px; } .mobile input[type=radio]:after { width:6px; height:6px; } html.dark body,body.dark,html.dark body .mobile .content,body.dark .mobile .content { background:#565656; } .dark input:not(.btn):not([class^=btn-]):not([class*=" btn-"]):not([type=radio]):not([type=checkbox]),.dark textarea { background-color:#eaeaea; border:.1rem solid #a2a2a2; } .dark input:not(.btn):not([class^=btn-]):not([class*=" btn-"]) { border:.1rem solid #a2a2a2; } .dark input[disabled],.dark input[readonly],.dark fieldset[disabled] { background-color:#bfbfbf !important; } .dark input[type=radio]:before { color:#0c1021; } .dark input[type=radio] { border:1px solid #9a9a9a; } .dark input[type=checkbox].default:checked,.dark input[type=checkbox]:not(:disabled).default:indeterminate,.dark input[type=radio].default:checked,.dark input[type=checkbox]:disabled:checked,.dark input[type=radio]:disabled:checked { background-color:#b3b3b3; } .dark .card { background:#cecece; } .dark .table { background-color:#e6e6e6; } .dark .panel { background-color:#cecece; } .dark .select-menu-div { background:#b5b5b5; } .dark .items { color:#cacaca; } .dark .table th,.dark .table td { border-color:#cacaca; } .dark .form-horizontal .help,.form-inline .help { color:#a2a2a2; } .dark .list-group-even .list-item:nth-child(2n) { background-color:#e6e6e6; }