.DropDown{position:absolute;top:100%;left:50%;margin-top:6px;z-index:999;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:none}.DropDown:before{top:-6px;height:6px}.DropDown:after,.DropDown:before{position:absolute;content:" ";left:0;width:100%}.DropDown:after{top:0;border-top:3px solid #f70;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.DropDown.is-visible{display:block}.DropDown-cont{position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);-moz-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border-top:none;overflow:hidden;background:#fff}.DropDown-arrow{position:absolute;top:-12px;left:50%;margin-left:-6px;border-style:solid;border-width:6px;display:block;height:0;border-color:transparent transparent #f70}
.Header-search{position:absolute;height:36px;min-width:360px;max-width:460px;width:-webkit-calc(-48px + 30%);width:-moz-calc(-48px + 30%);width:calc(-48px + 30%);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px}.Header-searchBox{position:absolute;height:100%;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Header-searchIcon{position:absolute;width:15px;height:14px;background-position:-25px -73px;top:10px;left:15px;background-repeat:no-repeat;display:inline-block;background-image:url(https://shark2.douyucdn.cn/front-publish/demand-v2-master/assets/images/icons_d90b47e.png)}.Header-searchInput{display:block;width:100%;height:36px;background-color:#fafafa;border:1px solid #e7e7e7;outline:none;font-size:14px;line-height:36px;padding:0 70px 0 40px;color:#3c3c3c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.Header-searchBtn{position:absolute;right:0;top:0;width:60px;height:36px;line-height:36px;text-align:center;background-color:#e7e7e7;cursor:pointer}.Header-searchBtn:hover{color:#ff5d23}.Header-searchOptionUl{padding:10px 0;background-color:#fff;-webkit-box-shadow:0 0 6px 0s rgba(0,0,0,.1);-moz-box-shadow:0 0 6px 0s rgba(0,0,0,.1);box-shadow:0 0 6px 0s rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #e7e7e7;color:#3c3c3c}.Header-searchOptionsGroupTitle{padding:0 10px;line-height:23px;background-color:#f4f4f4;color:#9b9b9b;font-size:0;vertical-align:middle}.Header-searchOptionsGroupTitle i{display:inline-block;vertical-align:middle;width:13px;height:13px;margin-right:5px;background:url(https://sta-op-test.douyucdn.cn/front-publish/demand-live/assets/search_icon_d5090f9.png)}.Header-searchOptionsGroupTitle span{vertical-align:middle;font-size:12px}.Header-searchOptionsGroupTitle.myKey .clear{float:right;cursor:pointer}.Header-searchOptionsGroupTitle.hotKey i{background-position:0 -29px}.Header-searchOptionLi{height:32px;padding:0 17px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-height:32px;font-size:0;cursor:pointer}.Header-searchOptionLi:hover{background-color:#fafafa}.Header-searchOptionLi:hover.hotKey span:nth-child(2),.Header-searchOptionLi:hover.myKey{color:#ff5d23}.Header-searchOptionLi:hover.hotKey span.hotIndex:first-child{background-color:#ff5d23}.Header-searchOptionLi span{font-size:12px;display:inline-block;vertical-align:middle;max-width:-webkit-calc(100% - 20px);max-width:-moz-calc(100% - 20px);max-width:calc(100% - 20px);overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.Header-searchOptionLi .del{float:right;color:#a9a9a9;font-size:14px;text-align:center;cursor:pointer}.Header-searchOptionLi strong{color:#ff5d23}.Header-searchOptionLi .hotIndex{display:inline-block;width:15px;height:15px;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#dbdbdb;margin-right:5px;line-height:15px;text-align:center}.Header-searchHotKey .Header-searchOptionLi:nth-child(n+1){color:#f45b2c}.Header-searchHotKey .Header-searchOptionLi:nth-child(n+5){color:#3c3c3c}.Header-searchHotKey .Header-searchOptionLi:nth-child(2) .hotIndex{background-color:#f45b2c}.Header-searchHotKey .Header-searchOptionLi:nth-child(3) .hotIndex{background-color:#fd8f25}.Header-searchHotKey .Header-searchOptionLi:nth-child(4) .hotIndex{background-color:#fccd5b}
.LoginMenuWrap{width:180px}.LoginMenu{padding-top:4px;text-align:center}.LoginMenu-item{display:block;font-size:12px;line-height:30px;color:#747474}.LoginMenu-item:hover{color:#ff630e}.LoginMenu-text{position:relative;vertical-align:middle;display:inline-block}.LoginMenu-badge{height:16px;width:25px;background:#f76300;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:-3px;right:-22px;font-size:12px;color:#fff;font-style:normal;line-height:16px}.LoginMenu-icon{height:13px;width:16px;background-image:url(https://shark2.douyucdn.cn/front-publish/demand-v2-master/assets/images/icons_d90b47e.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin-right:7px}.LoginMenu-icon.is-userCenter{background-position:-149px -289px}.LoginMenu-icon.is-userCenter:hover{background-position:-149px -303px}.LoginMenu-icon.is-message{background-position:-149px -261px}.LoginMenu-icon.is-message:hover{background-position:-149px -275px}.LoginMenu-icon.is-follow{background-position:-149px -229px}.LoginMenu-icon.is-follow:hover{background-position:-149px -245px}.LoginMenu-icon.is-collect{background-position:-149px -199px}.LoginMenu-icon.is-collect:hover{background-position:-149px -214px}.LoginMenu-exit{margin-top:10px;text-align:center;border-top:1px solid #f4f4f4;line-height:26px;cursor:pointer;font-size:12px;color:#333}.LoginMenu-exit:hover{color:#ff630e}
.NoLogin{float:left;padding-right:15px;height:62px;line-height:62px}.NoLogin-btn{padding:0 4px;cursor:pointer}.NoLogin-btn,.NoLogin-btnSplit{color:#868686;display:inline-block}.NoLogin-btnSplit{line-height:20px}.LoginInfo{float:left;position:relative}.LoginInfo-cont{height:62px;line-height:62px;vertical-align:top;cursor:pointer;display:inline-block}.LoginInfo-head{width:36px;height:36px;display:inline-block;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;vertical-align:middle}.LoginInfo-headImg{vertical-align:top;width:100%;height:100%}.LoginInfo-msgNum{display:block;padding:0 2px;height:16px;width:25px;background:#f76300;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;position:absolute;top:10px;left:26px;line-height:16px;text-align:center;color:#fff;font-size:12px;font-family:Helvetica,Arial,sans-serif;font-weight:400;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}.LoginInfo-nickname{display:inline-block;vertical-align:middle;font-size:14px;line-height:62px;color:#666;max-width:120px;margin:0 4px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.LoginInfo:hover .LoginInfo-nickname{color:#ff630e}
.Loading{width:100%;height:30px;background:url(https://shark2.douyucdn.cn/front-publish/demand-v2-master/assets/images/loading_a642b4f.gif) center 10px no-repeat;-webkit-background-size:16px 16px;-moz-background-size:16px 16px;background-size:16px 16px;padding-top:30px;line-height:1.5;text-align:center}
.Empty{width:64px;margin:0 auto;background:url(https://shark2.douyucdn.cn/front-publish/demand-v2-master/assets/images/empty_5282279.png) top no-repeat;padding-top:93px;line-height:1.5;text-align:center}
.History{margin:0 5px 0 40px;height:62px;line-height:62px;cursor:pointer;position:relative;float:left;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;-moz-transition:all .3s ease-in;transition:all .3s ease-in}.History-text{line-height:14px}.History:hover .History-text{color:#fe8d41}.History-recordWrap{padding:15px 20px;width:300px}.History-record{position:relative;top:4px}.History-timeline{border-left:1px solid #f5f5f5;width:1px;position:absolute;top:7px;bottom:24px;left:2px}.History-recordItem{margin-left:16px;line-height:1;text-align:left}.History-recordTime{position:relative;margin-left:-16px;margin-bottom:20px;display:inline-block;color:#999}.History-recordDot{width:5px;height:5px;background-color:#f70;display:inline-block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:2px;margin-right:10px}.History-recordLink{padding-bottom:17px;display:block;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;color:#666}.History-recordLink:hover{color:#f70}
.PrivateLetterFrame{display:none}.Header{position:relative;height:100%;width:100%;margin:0 auto}.Header-logo{float:left;height:40px;margin:10px 30px;width:150px;background:url(https://shark2.douyucdn.cn/front-publish/demand-v2-master/assets/images/logo@2x_ac83a10.png) 50% no-repeat;-webkit-background-size:150px 40px;-moz-background-size:150px 40px;background-size:150px 40px}.Header-nav{display:inline-block;vertical-align:top}.Header-navItem{position:relative;display:inline-block;line-height:62px;font-size:16px;padding:0 15px;cursor:pointer}.Header-navItem:first-child{padding-left:8px}.Header-navLink{display:inline-block;height:62px;color:#666}.Header-navActive,.Header-navLink:hover{color:#fe8d41}.Header-uploadBtn{float:left;width:100px;height:40px;line-height:40px;text-align:center;background-color:#ff5d23;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-top:11px;margin-right:60px;font-size:14px;color:#fff!important;cursor:pointer}.Header-uploadBtn:hover{background:#f44d12}.Header-right{height:65px;position:absolute;top:0;right:0}.Header-createCenter{height:62px;line-height:62px;font-size:12px;color:#3c3c3c;margin:0 20px;float:left}