/* reset */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;}
body,p{margin:0;}
a{background:transparent;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
ul{list-style-type: none;padding: 0;margin:0;}

/* common */
::-webkit-scrollbar {
  width: 15px;
  height: 15px;
  background-color: #ededef;
}
::-webkit-scrollbar-thumb {
  background-color: #c7cacd;
  border: 2px solid #ededef;
}
html, body{height: 100%;}
body{font-size: 12px;}
.fl{float: left;}
.fr{float: right;}
.hidden{display: none;}
.c1{color: #626262;}
.c2{color: #949494;}
.c3{color: #cacaca;}
a{text-decoration: none;color: #fff;}
a:focus,a:hover,a:active{color:#fff;}

/* head */
#head{
  -webkit-user-select: none;
  color: #626262;
  height: 60px;
  line-height: 60px;
  cursor: default;
  min-width: 1000px;
  border-bottom: 1px solid #d2d2d2;
  font-size: 14px;
}
#title{
  font-size: 18px;
  color: #626262;
  margin: 0 158px 0 20px;
  float: left;
}
#search{
  width: 163px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #efefef;
  padding: 3px 7px 3px 28px;
  float: left;
  font-size: 14px;
  margin-top: 12px;
  background: #fff url("../img/wow_search.png") no-repeat 4px center;
}
#search:hover,
#search:focus {
  border: 1px solid #539EE4;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  cursor: pointer;
  background:url('../img/wow_search_clear.png') no-repeat center center;

}
input[type="search"]::-webkit-search-cancel-button:hover {
  background:url('../img/wow_search_clear_hover.png') no-repeat center center;
}
.fileCount{
  padding-left: 24px;
  background: url('../img/wow_count.png') no-repeat left center;
}
.timeSaving{
  padding-left: 24px;
  margin-left: 20px;
  margin-right: 16px;
  background: url("../img/wow_total_save_time.png") no-repeat left center;
}
.downloadFolder {
  color: #626262;
  margin-right: 20px;
  position: relative;
}
.downloadFolder input {
  width: 200px;
  color: #adb5bd;
  padding: 0px 30px 0 12px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #efefef;
  margin-left: 10px;
  font-size: 14px;
}
.downloadFolder input:hover,
.downloadFolder input.listShow {
  border-color: #539EE4;
}
#choiceFolder {
  background: #fff url("../img/wow_path_change.png") no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 3px;
  top: 18px;
  z-index: 10;
  cursor: pointer;
}
#choiceFolder:hover {
  background-image: url("../img/wow_path_change_hover.png");
}
#choiceFolder:active {
  background-image: url("../img/wow_path_change_active.png");
}
#lastLocationList {
  display: none;
  margin: 0px;
  background-color: #fff;
  color: #3e5062;
  width: 277px;
  max-height: 160px; /* 32 × 5 */
  overflow: auto;

  position: absolute;
  top: 48px;
  left: 66px;
  z-index: 1000;
  font-size: 14px;
  border: 1px solid #539EE4;
  border-top: 0;
}
#lastLocationList::-webkit-scrollbar {
  background-color: #ea7503;
}
#lastLocationList::-webkit-scrollbar-thumb {
  background-color: #fdb578;
  border-color: #ea7503;
}
#lastLocationList::-webkit-scrollbar-button:start:decrement,
#lastLocationList::-webkit-scrollbar-button:end:increment {
  display: block;
  height: 5px;
}
#lastLocationList li {
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 0 2px;
  border: 1px solid transparent;
  text-indent: 9px;
}
#lastLocationList li:hover {
  border-color: #ffc994;
  background-color: #ffecd9;
}
#container {
  display: -webkit-flex;
  min-height: 100%;
  min-width: 1000px;
  overflow: hidden;
  position: relative;
}
#list{
  position: relative;
  -webkit-flex: 1;
  margin: 0px 38px 0 8px;
  -webkit-user-select: none;
}
/* left */
#type{
  -webkit-user-select: none;
  width: 250px;
  background-color: #fafafa;
}

#type .typeItem {
  cursor: pointer;
  height: 46px;
  line-height: 46px;
  padding-left: 52px;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 12px 6px;
}
#type .typeItem:hover {
  border: 1px solid #ffc994;
  border-left: 0px;
  background-color: #fbead9;
  height: 44px;
  line-height: 44px;
  background-position: 12px 5px;
}
#type .typeItem .typeName {
  float: left;
  font-size: 14px;
}
#type .typeItem .typeCount {
  margin-top: 2px;
  display: inline-block;
}
#type .typeItem .typeCount:before {
  content: '';
  width: 0px;
  border-right: 1px solid #e1e3e4;
  margin-left: 10px;
  margin-right: 8px;
  height: 10px;
  display: inline-block;
}
#type > .typeItem.active {
  background-color: #ff8d1d;
  cursor: default;
  background-position: 12px -35px;
  border: 0px;
  height: 46px;
  line-height: 46px;
}

#type .clearAll {
  display: none;
  width: 20px;
  height: 20px;
  background-color: #ccc;
  float: right;
  margin-top: 14px;
  margin-right: 6px;
  cursor: pointer;
}
#type .active .typeName {
  color: #fff;
}
#type .active .typeCount{
  color: #ffecd9;
}
#type .active .clearAll {
  display: inline-block;
  background: url("../img/wow_clear_list_01.png") no-repeat;
}
#type .active .clearAll:hover {
  background: url("../img/wow_clear_list_hover_01.png") no-repeat;
}
#type .active .clearAll:active {
  background: url("../img/wow_clear_list_active_01.png") no-repeat;
}
#type .active .noneCount {
  cursor: default;
}
#type .active .noneCount:hover,
#type .active .noneCount:active {
  background: url("../img/wow_clear_list_01.png") no-repeat;
}
#type > .all.active{
  background-position: 12px 6px;
}
#type .all{
  background-image: url('../img/wow_all.png');
}
#type .offline{
  background-image: url('../img/wow_yun.png');
}
#type .software{
  background-image: url('../img/wow_software.png');
}
#type .image{
  background-image: url('../img/wow_image.png');
}
#type .torrent{
  background-image: url('../img/wow_torrent.png');
}
#type .movie{
  background-image: url('../img/wow_movie.png');
}
#type .music{
  background-image: url('../img/wow_music.png');
}
#type .zip{
  background-image: url('../img/wow_zip.png');
}
#type .document{
  background-image: url('../img/wow_document.png');
}
#type .other{
  background-image: url('../img/wow_other.png');
}

/* downloadItem style */
.downloadListDate {
  line-height: 46px;
  height: 44px;
  font-size: 14px;
  color: #9aa5af;
  border-bottom: 1px solid #ddd;
}
.downloadItem {
  height: 64px;
  /* padding: 24px 0 14px 0; */
  position: relative;
  border: 1px solid transparent;
}
.downloadItem:hover,
.downloadItem.selected {
  background-color: #f5f5f5;
}
.downloadItem:hover .downloadControls {
  display: block;
}
.downloadItem[selected] {
  background-color: #ffecd9;
  border: 1px solid #ffc994;
}
.downloadControls {
  cursor: pointer;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  -webkit-user-select: none;
}
.downloadIcon {
  padding: 17px 12px 17px 12px;
}
.downloadIcon .icon {
  width: 24px;
  height: 24px;
}
.downloadInfo {
  padding: 14px 12px 4px 0;
/*   width: 340px; */
}
.downloadInfo .donwloadLine1 {
  overflow: hidden;
}
.fileName {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  display: inline-flex;
  color: #3e5062;
  cursor: default;
}
.fileName > span {
  float: left;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 64px;
}
.fileName .frontName {
  max-width: 165px;
}
.downloadWait .fileName,
.donwloadPaused .fileName,
.downloadError .fileName,
.downloadProgress .fileName {
  cursor: default;
}
.downloadWait .fileName .frontName,
.donwloadPaused .fileName .frontName,
.downloadError .fileName .frontName,
.downloadProgress .fileName .frontName {
  max-width: 110px;
}

.downloadStateInfo{
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #e5e5e5;
}
.downloadError .downloadStateInfo{
  color: #f76868;
}
.fileInfo {
  max-width: 250px;
  height: 20px;
  line-height: 20px;
  cursor: default;
}
.fileInfo font {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: -5px;
  white-space: nowrap;
  max-width: 148px;
}
.progress {
  width: 340px;
  height: 2px;
  background-color: #e5e5e5;
  overflow: hidden;
  margin-top: 4px;
}
.progressLength {
  height: 2px;
  background-color: #0595fc;
}
/* downloadWait */

/* downloadProgress */
.downloadProgress .downloadLine2 .fileInfo {
  display: none;
}
.downloadProgress .progressLength {
  background-color: #0595fc;
}
/* donwloadPaused */
.donwloadPaused .progressLength {
  background-color: #fdb167;
}
/* downloadSucc */
.downloadSucc .downloadStateInfo{
  display: none;
}
.downloadSucc .downloadLine2 .fileInfo{
  display: block;
}
.downloadSucc .downloadLine2 .progress,
.downloadError .downloadLine2 .progress{
  display: none;
}
/* downloadError */
.downloadError .downloadLine2 .fileInfo{
  display: block;
}
.downloadError .progressLength {
  background-color: #f76868;
}

.noFile {
  display: none;
  position: absolute;
  background-color: rgba(232, 232, 232, 0.6);
  width: 100%;
  height: 85px;
  top: 0;
  left: 0;
  font-size: 18px;
  line-height: 85px;
  text-align: center;
  color: #333;
  z-index: 10;
}
.downloadDelete > span,
.downloadDelete > div {
  -webkit-filter: blur(2px);
}
.downloadDelete .noFile {
  display: block;
  -webkit-filter: none;
}

/* controls */
.downloadControls .ctrlItem {
  display: none;
  padding: 14px 32px 10px 32px;
  color: #626262;
  height: 40px;
  line-height: 40px;
  margin-top: -1px;
  border: 1px solid transparent;
}
.downloadItem .downloadFile {
  border: 1px solid transparent;
}
.downloadItem .downloadFile:hover,
.downloadControls .ctrlItem:hover {
  background-color: #fff4e9;
  border: 1px solid #ffc994;
}
.downloadItem.offline .downloadFile:hover {
  background-color: #fff;
  border: 1px solid #fff;
}
.downloadItem .downloadFile:active,
.downloadControls .ctrlItem:active {
  background-color: #ffebd8;
  border: 1px solid #ffc082;
}
.downloadItem[selected] .downloadFile:hover{
  border: 1px solid transparent;
  background-color: transparent;
}
/* downloadWait */
.downloadWait .downloadControls .ctrlItem[data-key=ctrl11],
.downloadWait .downloadControls .ctrlItem[data-key=ctrl09],
/* downloadProgress */
.downloadProgress .downloadControls .ctrlItem[data-key=ctrl11],
.downloadProgress .downloadControls .ctrlItem[data-key=ctrl09],
/* donwloadPaused */
.donwloadPaused .downloadControls .ctrlItem[data-key=ctrl10],
.donwloadPaused .downloadControls .ctrlItem[data-key=ctrl09],
/* downloadError */
.downloadError .downloadControls .ctrlItem[data-key=ctrl07],
.downloadError .downloadControls .ctrlItem[data-key=ctrl08],
.downloadError .downloadControls .ctrlItem[data-key=ctrl09],
/* downloadSucc */
.downloadSucc.software .downloadControls .ctrlItem[data-key=ctrl12],
.downloadSucc.software .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.software .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.software .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.software .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.image .downloadControls .ctrlItem[data-key=ctrl01],
.downloadSucc.image .downloadControls .ctrlItem[data-key=ctrl06],
.downloadSucc.image .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.image .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.image .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.image .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.torrent .downloadControls .ctrlItem[data-key=ctrl05],
.downloadSucc.torrent .downloadControls .ctrlItem[data-key=ctrl06],
.downloadSucc.torrent .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.torrent .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.torrent .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.torrent .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.movie .downloadControls .ctrlItem[data-key=ctrl02],
.downloadSucc.movie .downloadControls .ctrlItem[data-key=ctrl06],
.downloadSucc.movie .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.movie .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.movie .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.movie .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.music .downloadControls .ctrlItem[data-key=ctrl02],
.downloadSucc.music .downloadControls .ctrlItem[data-key=ctrl06],
.downloadSucc.music .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.music .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.music .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.music .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.zip .downloadControls .ctrlItem[data-key=ctrl01],
.downloadSucc.zip .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.zip .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.zip .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.zip .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.document .downloadControls .ctrlItem[data-key=ctrl01],
.downloadSucc.document .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.document .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.document .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.document .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.other .downloadControls .ctrlItem[data-key=ctrl01],
.downloadSucc.other .downloadControls .ctrlItem[data-key=ctrl07],
.downloadSucc.other .downloadControls .ctrlItem[data-key=ctrl04],
.downloadSucc.other .downloadControls .ctrlItem[data-key=ctrl03],
.downloadSucc.other .downloadControls .ctrlItem[data-key=ctrl09],
.downloadSucc.offline .downloadControls .ctrlItem[data-key=ctrl13],
.downloadSucc.offline .downloadControls .ctrlItem[data-key=ctrl14],
.downloadSucc.offline .downloadControls .ctrlItem[data-key=ctrl09],
.downloadPreparingInCloud.offline .downloadControls .ctrlItem[data-key=ctrl09],
.ctrlItem:hover .ctrlItemTips,
.ctrlItem:hover .ctrlItemTips-arrow {
  display: inline-block;
}

.downloadProgress.offline .downloadControls .ctrlItem[data-key=ctrl11],
.donwloadPaused.offline .downloadControls .ctrlItem[data-key=ctrl10] {
  display: none;
}

.downloadItem[selected] .downloadControls {
  display: none;
}
.downloadDelete .downloadControls .ctrlItem{
  display: none !important;
}
.downloadDelete:hover{
  background-color: #fff;
}

.ctrlItemTips {
position: absolute;
  text-align: center;
  min-width: 100%;
  left: 50%;
  top: -34px;
  height: 30px;
  line-height: 30px;
  background-color: #f98126;
  color: #fff;
  padding: 0 10px;
  white-space: nowrap;
  z-index: 2;
}

.ctrlItemTips-arrow {
  position: absolute;
  width: 0;
  height: 0;
  top: -5px;
  left: 50%;
  margin-left: -6px;
  border-width: 10px 6px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #f98126;
}
.ctrlItem {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
}
.ctrlItem[data-key=ctrl08] {
  background-image: url('../img/wow_download_item_redownload.png');/*重新下载*/
}
.ctrlItem[data-key=ctrl10] {
  background-image: url('../img/wow_download_item_continue.png');/*继续*/
}
.ctrlItem[data-key=ctrl11] {
  background-image: url('../img/wow_download_item_pause.png');/*暂停*/
}
.ctrlItem[data-key=ctrl01] {
  background-image: url('../img/wow_download_item_open_file.png');/*打开*/
}
.ctrlItem[data-key=ctrl12] {
  background-image: url('../img/wow_download_item_open_file.png');/*运行*/
}
.ctrlItem[data-key=ctrl02] {
  background-image: url('../img/wow_download_item_continue.png');/*播放*/
}
.ctrlItem[data-key=ctrl05] {
  background-image: url('../img/wow_download_item_download.png');/*下载文件*/
}
.ctrlItem[data-key=ctrl06] {
  background-image: url('../img/wow_download_item_showReferer.png');/*查看引用页*/
}
.ctrlItem[data-key=ctrl07] {
  background-image: url('../img/wow_download_item_copy_link.png');/*复制下载地址*/
}
.ctrlItem[data-key=ctrl04] {
  background-image: url('../img/wow_download_item_send_phone.png');/*发送到手机*/
}
.ctrlItem[data-key=ctrl03] {
  background-image: url('../img/wow_download_item_open_dir.png');/*打开文件夹*/
}
.ctrlItem[data-key=ctrl09] {
  background-image: url('../img/wow_download_item_delete.png');/*删除*/
}
.ctrlItem[data-key=ctrl13] {
  background-image: url('../img/wow_download_item_download.png');/*下载到本地*/
}
.ctrlItem[data-key=ctrl14] {
  background-image: url('../img/wow_download_item_open_dir.png');/*打开云盘*/
}
/* end controls */

.searchResult{
  font-size: 16px;
  color: #464646;
  margin-top: 22px;
}
.noResult{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -250px 0 0 -307px;
  font-size: 16px;
  padding-top: 326px;
  width: 615px;
  text-align: center;
  color: #858d98;
  background: url("../img/wow_search_none.jpg") no-repeat left top;
}


#copyUrl {
  position: fixed;
  left: 50%;
  top: -100px;
  margin-left: -100px;
  font-size: 12px;
  color: #5c636f;
  z-index: 2000;
  width: 200px;
  height: 100px;
  background-image: url(img/wow_tips.png);
}

#copyUrl p {
  padding-left: 64px;
  height: 100px;
  line-height: 100px;
}

.shake {
  -webkit-animation: shake 0.4s linear;
}

@-webkit-keyframes shake {
  0% {left: 0px;}
  10% {left: -18px;}
  20% {left: 0px;}
  30% {left: 18px;}
  40% {left: 0px;}
  50% {left: -18px;}
  60% {left: 0px;}
  70% {left: 18px;}
  80% {left: 0px;}
  90% {left: -18px;}
  100% {left: 0px;}
}

#recommendation {
  width: 157px;
  background-color: #fafafa;
  position: relative;
  color: #3e5062;
  padding: 0 55px 0 20px;
  border-left: 1px solid #eeeff0;
  font-size: 12px;
}
#recommendation.close {
  left: 233px;
}
#recommendationBtn {
  position: absolute;
  left: -24px;
  top: 234px;
  width: 18px;
  display: inline-block;
  height: 40px;
  border: 1px solid #eeeff0;
  border-right: 0;
  line-height: 14px;
  background-color: #fafafa;
  cursor: pointer;
  border-radius: 4px;
  padding: 10px 0 0 7px;
}
#recommendationBtn:hover {
  background-color: #ffecd9;
  border-color: #ffc994;
}
#recommendation li {
  height: 34px;
  line-height: 34px;
  cursor: default;
}
#recommendation .index {
  width: 20px;
  color: #666666;
  float: left;
  height: 34px;
  line-height: 34px;
  display: inline-block;
}
#recommendation .index1,
#recommendation .index2,
#recommendation .index3 {
  color: #ff3f20;
}
#recommendation .title {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 6px;
}
#recommendation .name,
#recommendation .info {
  background-position: 20px center;
  background-repeat: no-repeat;
}
#recommendation .name {
  color: #333333;
  text-indent: 7px;
}
#recommendation .name img {
  float: left;
  margin-top: 4px;
}
#recommendation .info {
  display: none;
}
#recommendation .bottomLine {
  border-bottom: 1px dashed #ddd;
}
#recommendation li.hover {
  height: auto;
}
#recommendation li.hover .name {
  color: #666;
}
#recommendation li.hover .name img {
  display: none;
}
#recommendation li.hover .info {
  display: block;
  height: 42px;
  margin-bottom: 10px;
}
#recommendation li.hover .counts {
  display: block;
  line-height: 16px;
  color: #ababab;
  margin-left: 70px;
}
#recommendation li.hover .download {
  width: 58px;
  height: 20px;
  line-height: 12px;
  margin-left: 70px;
  border: 1px solid #ccc;
  background: #f5f5f5;
  font-size: 12px;
  color: #333;
  border-radius: 2px;
}
button.download:focus {
  outline: none;
}

#removeListTips {
  position: absolute;
  left: 100%;
  margin-left: -310px;
  font-size: 12px;
  top: 15px;
  width: 214px;
  height: 119px;
  padding: 24px 24px 24px 40px;
  border: 1px solid #ddd;
  box-shadow: -3px 3px 5px #AFAFAF;
  background: #fff url(img/wow_tip_icon.png) no-repeat 13px 25px;
}
#removeListTips .tipsHead {
  font-weight: bold;
  margin: 0;
  color: #626262;
}
#removeListTips div {
  margin: 14px 0 38px 0;
  color: #5c636f;
}
#removeListTips button {
  width: 68px;
  height: 26px;
  float: right;
  background-color: #ff7e00;
  color: #fff;
  border: 0px;
}
#removeListTips button:focus {
  outline: none;
}
#removeListTips button:hover{
  background-color: #ff8d1d;
}
#removeListTips button:active {
  background-color: #f46201;
}
#content .noResult #login_btn {
  min-width: 80px;
  height: 32px;
  margin-top: 20px;
}
.noResult.offline {
  background: url("../img/wow_logged_in_none.png") no-repeat left top;
}
#content {
  position: relative;
  -webkit-flex: 1;
}
#offlineHead {
  height: 48px;
  line-height: 46px;
  font-size: 14px;
  display: none;
}
#content button, #offlineTaskBtn  button {
  margin: 0px 15px;
  min-width: 75px;
}
#content button:hover, #content button:focus,
#offlineTaskBtn button:hover, #offlineTaskBtn button:focus {
  border: 1px solid #539EE4;
  outline: none;
}
#list {
  position: initial;
}
.overlay {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  background-color: rgba(0,0,0, 0.5);
  bottom: 0;
  display: -webkit-box;
  left: 0;
  padding: 0 20px 20px 20px;
  padding-bottom: 130px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
}
.overlay.none {
  display: none;
}
.overlay .offlineTaskLayer {
  position: relative;
  -webkit-box-shadow: 0px 5px 40px rgba(0,0,0,.3);
  background: white;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 2px;
  width: 600px;
  padding: 0;
  font-size: 14px;
}
#offlineTitle {
  text-align: center;
  color: #aaa;
  background: #f2f2f2;
  padding: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
}

#newOfflineCloseBtn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 19px;
  height: 19px;
  display: block;
  background-image: url('../img/wow_close_bar_p.png');
  padding: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.offlineContent {
  margin: 30px 30px 10px;
}
.offlineContent div {
  margin-bottom: 10px;
}
#offlineTaskLink {
  width: 400px;
  border-radius: 3px;
  line-height: 30px;
  height: 30px;
}
.offlineError {
  margin-left: 75px;
  display: inline-flex;
  color: red;
}
.offlineError.hidden {
  visibility: hidden;
}
div#offlineTaskBtn {
  height: 50px;
  line-height: 50px;
  background-color: #f2f2f2;
  text-align: right;
}