/* ===== retrie分类下来 ===== */
.header{position:relative;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}

.logo{float:left; padding-top:16px}
.header .user{position:absolute;top:0;right:80px;z-index:1000;display:block;width:20px;height:60px;text-indent:-9999em;background:url(../images/user.png) no-repeat center center;}
.header .so{position:absolute;top:0;right:60px;z-index:1000;display:block;width:20px;height:60px;text-indent:-9999em;background:url(../images/soso.png) no-repeat center center;}
.header .sh{position:absolute;top:0;right:35px;z-index:1000;display:block;width:20px;height:60px;text-indent:-9999em;background:url(../images/share.png) no-repeat center center; margin-top:3px}


.logo{clear: both; top: 0; position: absolute;visibility: visible; width: 100%; text-align:center; z-index:2}
.retrie {
  position: relative;
  z-index: -1px;
  background-color: #fff;
}
.retrie dt { overflow: hidden;}
.retrie dt a {
  position: relative;

}
.retrie dt a:after {
  position: absolute;

}
.retrie dt .up {
}
.retrie dt .up:after {
}
.retrie dt a:last-child:before {
  position: absolute;
  left: 0;
  display: block;

}
.retrie dd { position: relative;}
/* ===== slide-area ===== */


.slide_screen {
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 104;
  display: none; 
  width: 100%;
  background-color: #fff;
  overflow:hidden
}
.slide_screen li {
line-height:20px;
  border-bottom: 1px solid #eee; text-align:left; padding:8px 5px; background-color: #f6f6f6;
}
.slide_screen li a{padding:0px 6px}
.slide_screen li a:hover{color:#ec0202; text-decoration:underline}


.slide_soso {
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 104;
  display: none; 
  width: 100%;
  background-color: #fff;
  overflow:hidden
}
.slide_soso li {
  border-bottom: 1px solid #eee; text-align:left; padding:6px 0px; background-color: #f6f6f6; overflow:hidden
}
.slide_soso li a{padding:0px 6px}
.slide_soso li a:hover{color:#ec0202; text-decoration:underline}
.slide_soso li .left{background:#fff;border-radius:20px; width:72%; height:40px; margin-right:2%; padding:5px 3% }
.slide_soso li .right{width:20%}





.am-focus { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110;  }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-focus-title { background-color: #f2f2f2; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #ec0202; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; font-size:30px }
.am-focus-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-focus-footer { margin: 10px; }
.am-focus-footer .focus_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }

.am-focus-sns { background-color: #f2f2f2; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; clear:both }

.am-focus-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 21%; padding:0px 2%; line-height:30px }

.am-focus-sns a { color: #555; display: block; text-decoration:none; }
.am-focus-sns span { display: block; }

.am-focus-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-focus-sns .focus-icon-weibo { background-image: url(); }

.focusbg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.focusbg-active { opacity: 1; display:block; }

.am-focus-ico{clear:both;  background-color: #f2f2f2; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow:auto; margin: 0 10px; padding:10px 0px 0px 0px}
.am-focus-ico::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; overflow:auto; padding-bottom:10px }
.am-focus-ico li{width:10%; padding:0px 2%; float:left}



.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; color:#ff0000; line-height:30px; background-color:#FFFFFF }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }

.am-share-footer { margin: 10px; }
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }

.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }

.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }

.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index:3; display:none; }
.sharebg-active { opacity: 1; display:block; }