@charset "UTF-8";
@font-face{font-family:suxingme;src:url(suxingme.otf) format("opentype");font-weight:400}
body,html{height:100%;}
body{line-height: 1.5;background-color: #f5f6fa;color:#062743;}
html{font-size:14px;font-family:suxingme,"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*{box-sizing:border-box;margin:0;padding:0;list-style:none;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a,a:active,a:focus,button,button:active,button:focus{outline:0;}
a{color:#062743;text-decoration: none;background-color: transparent;}
img {max-width: 100%;border: 0;}
.nav .navbar,.content{width: 1200px;margin: auto;max-width: 100%;overflow: hidden;}
/*header*/
.header-content{position:fixed;top:0;right:0;left:0;z-index:4;display:block;background-color:#fff;box-shadow:4px 0 5px rgba(0,0,0,.035);}
.header-content .nav{position:relative;margin-bottom:0;height:55px;border:0;border-radius:0;background-color:transparent;}
.nav .navbar{padding:0 10px;height:55px;justify-content:space-between;}
.nav .navbar,.nav .navbar .navbar-left{display:flex;align-items:center;}
.nav .navbar .navbar-left a{display:inline-block;margin-right:20px;font-size:16px;font-weight: 700;}
.nav .navbar .navbar-right{display:flex;margin:0;padding:0;list-style:none;align-items:center;flex-direction:row-reverse;}
.nav .navbar .navbar-right a{position:relative;display:block;padding-left:10px;}
.nav .navbar .navbar-right .avatar{width:30px;height:30px;border-radius:50%;vertical-align:middle;text-align:center;line-height:30px;}
/*content*/
.content{padding-top:68px;height:100%;}
.movies-container{position:relative;overflow:hidden;padding:10px;}
.movies-body{background-color:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,.035);box-shadow:0 2px 3px rgba(0,0,0,.035);}
.movies-body h4{padding: 10px 15px;width:100%;border-bottom:1px solid rgba(77,82,89,.05);color:#273746;letter-spacing:1px;-webkit-line-clamp:2;}
.movies-body .movies-content{overflow:hidden;padding:15px;}
.movies-body .movies-content .input-group{position:relative;display:table;border-collapse:separate;width: 100%;}
.movies-body .movies-content .input-group form{display: table;width: 100%;}
.movies-content .input-group #word{position:relative;float:left;display:table-cell;padding:5px 12px;width:100%;height:42px;outline:0;border:1px solid #ccc;border-color:#ebebeb;border-top-right-radius:0;border-bottom-right-radius:0;background-color:#fff;color:#8b95a5;}
.movies-content .input-group .input-btn{position:relative;display:table-cell;width:1%;vertical-align:middle;white-space:nowrap;}
.movies-content .input-group .input-btn .btn-default{position:relative;z-index:2;display:inline-block;margin-left:-1px;padding:8px 12px;height:42px;outline:0;border:1px solid #ccc;border-color:#ebebeb;border-radius:2px;border-bottom-left-radius:0;border-top-left-radius:0;background-color:#fcfdfe;background-image:none;color:#8b95a5;letter-spacing:1px;cursor:pointer;user-select:none;}
/*home*/
.home,.footer{margin-top: 20px;}
.home .movies-content{padding:0;}
.home-content{position:relative;float:left;padding:15px;width:33.333333%;flex:0 0 33.333333%;}
.home-content .home-grid{border:1px solid #eee;border-radius:4px;background-color:#fff;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0);}
.home-content .home-grid:hover{box-shadow:0 34px 20px -24px rgba(136,161,206,.3);transform:translateY(-5px);-ms-transform:translateY(-5px);}
.home-grid .home-up{position:relative;}
.home-grid .home-up .home-bottom{overflow:hidden;padding-bottom:60%;height:0;background-color:#fff;}
.home-grid .home-up .home-bottom img{overflow:hidden;max-width:100%;border-style:none;border-radius:4px 4px 0 0;vertical-align:middle; width: 100%;}
.home-grid .home-up .home-bottom img:hover{opacity:.8;transition:all .3s ease;}
.home-content .home-down{padding:10px;width:100%;word-break:break-all;}
.home-down .home-meta{margin-bottom:5px;color:#aaa;text-align:center;letter-spacing:1px;font-size:11px;align-items:center;}
.home-down .home-meta,.home-down .home-meta .home-category{display:flex;flex-wrap:wrap;}
.home-meta .home-category span{display:flex;color:#aaa;align-items:center;}
.home-meta .home-category span+span{margin-left:10px;}
.home-meta .home-category span i{margin-right:5px;width:6px;height:6px;border-radius:50%;background-color:#fd721f;}
.home-meta .home-category span:nth-child(2) i{background-color:#4caf50;}
.home-down .home-title{overflow:hidden;color:#000;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px;font-weight:600;font-size:14px;line-height:22px;-webkit-line-clamp:2;}
/*result*/
.result{position:relative;padding:10px;width:100%;border:1px solid #eee;border-radius:4px;margin-bottom: 10px;transition:box-shadow .3s cubic-bezier(.215,.61,.355,1),transform .3s cubic-bezier(.215,.61,.355,1),-webkit-box-shadow .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transform:translate(0,0);}
.result:hover{box-shadow:0 34px 20px -24px rgba(136,161,206,.3);transform:translateY(-5px);-ms-transform:translateY(-5px);}
.result:last-child{margin-bottom: 0;}
.result .result-meta{display:flex;margin-bottom:5px;color:#aaa;letter-spacing:1px;font-size:9pt;}
.result .result-meta span{display:flex;align-items:center;}
.result .result-meta span+span{margin-left:10px;}
.result .result-meta span i{margin-right:5px;width:6px;height:6px;border-radius:50%;background-color:#fd721f;}
.result .result-meta span:nth-child(2) i{background-color:#4caf50;}
.result h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px;font-size:14px;}
/*iframe*/
.iframe{margin-top: 20px;}
.iframe-content{overflow: hidden;height: 100%;}
.iframe-meta{display:flex;margin-bottom:5px;color:#aaa;letter-spacing:1px;font-size:9pt;padding: 10px 15px;}
.iframe-meta span{display:flex;align-items:center;}
.iframe-meta span+span{margin-left:10px;}
.iframe-meta span i{margin-right:5px;width:6px;height:6px;border-radius:50%;background-color:#fd721f;}
.iframe-meta span:nth-child(2) i{background-color:#4caf50;}
.play-active{overflow:hidden;padding:10px 15px;width:100%;border-bottom:1px solid rgba(77,82,89,.05);color:#273746;letter-spacing:1px;-webkit-line-clamp:2;}
.play-active li{display:inline-block;margin-right:10px;font-weight:700;font-size:14px;}
.play-active li :last-child{margin-right:0;}
.play-active .active a{color:#4caf50;}
.iframe #play{overflow:hidden;width:100%;}
.iframe #play button{float:left;display:inline-block;overflow:hidden;padding:6px 15px;border:1px solid #eee;border-radius:4px;background-color:#fff;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;margin-right: 5px;margin-bottom: 5px;}
.iframe #play .active{border:1px solid #fd721f;background-color:#fd721f;color:#fff;cursor:not-allowed;}
.iframe #des{color:#aaa;}
/*footer*/
.footer{padding:15px;background-color:#fff;color:#aaa;text-align:center;}
.footer .content{padding:0;}
.footer p{padding:3px 0;}
.footer a{color:#aaa;padding-right: 10px;}
.footer span{font-size: 12px;}
/**/
.alert-danger{margin-top:20px;margin-bottom:20px;padding:6px 15px;border:1px solid transparent;border-color:#ebccd1;border-radius:2px;background-color:#f2dede;color:#a94442;letter-spacing:1px;}
@media (max-width:768px){
.home-content{padding-top:10px;padding-bottom:5px;width:50%;flex:0 0 50%;}
.home-content:nth-child(2n-1){padding-right:5px;padding-left:15px;}
.home-content:nth-child(2n){padding-right:15px;padding-left:5px;}
.home-meta .home-category #span{display:none;}
.home-meta .home-category span+span {margin-left: 0px;}
.iframe #play button{width: 49%;margin-bottom: 8px;}
.iframe #play button:nth-child(2n){margin-right: 0;}
.footer span{display: none;}
}