/* CSS Document */
*{
	margin:0;
	padding:0;
	position: relative;
	outline: none;
	text-decoration:none !important;/*标准文本*/
	/* text-shadow: 0 0 0.5px !important; */
}

a, a:hover, a:focus{color: #444;}

body{
	font:14px/100% arial,\5b8b\4f53;
	font-family:"Microsoft YaHei",Helvetica,Verdana,sans-serif;
	/* padding-bottom: 250px; */
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.modal-open label { line-height: 2; }
.modal-header { padding-bottom: 0; }
.modal-title { line-height: 1; }
/*.modal-body { padding-top: 0; }*/

/*字体选中后的颜色*/
::-moz-selection{background: rgba(144, 180, 216, 0.84);color: #FFF  !important; }.close { z-index: 1; } 
::selection {background: rgba(80, 105, 131, 0.84);color: #FFF  !important;} 

.framework{
	width:992px;
	margin:auto; 
}
.search{
	height:175px;
	margin:35px auto 0;
}
.logo-box {
	width: 100px;
	height: 100px;
	margin: 0 0 10px 45%;
}
#version {
    z-index: 1;
	left: 87px;
	position: absolute;
    text-align: center;
    line-height: 25px;
	font-size: 12px;
}
.header_wrap {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	cursor: default;
	display: block;
	transition: all .5s ease
}
.header_wrap.active {
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.header_img {
    width: 100%;
    height: 100%;
    background-position: center;
    border-radius: 50%;
    background-size: 100%;
    transition: background-size 1.5s;
	transition: transform 0.8s cubic-bezier(0.71, 0.01, 0.25, 0.99);/*变化时间设置为0.8秒(变化动作即为下面的图像旋转360读）*/
}
.header_img:hover{
	-moz-transform: rotateZ(360deg); 
    -webkit-transform: rotateZ(360deg); 
	-o-transform: rotateZ(360deg); 
    transform: rotateZ(360deg);/*图像旋转360度*/
}

.search-wrapper{
	text-align: center;
	margin: auto;
    width: 528px;
    margin-top: 30px;
}
.search-wrapper form input { float: left; /*vertical-align: top;*/ }
input:focus {  background-color: #FFF;  } 
#search-menu {
    color: #FFFFFF;
    width: 96px;
    height: 30px;
    border: 0;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 30px 0px 0px 30px;
    /*margin-left: -5px;*/
}
#search-menu:hover, #search-btn:hover, .search-item:hover { background:rgb(44, 45, 46)  !important; }
#search-menu, #search-btn {
	/* opacity: .85; *//*透明度*/
	z-index: 1; 
}
#search-list {
	width: 96px;
	position: absolute;
	top: 30px;
	z-index: 10;
	display: none;
	float: left;
	text-align: center;
	list-style: none;
}
.search-item {
	height: 23px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
}
.search-item img {
	/*height: 20px;
	border-radius: 20px;*/
	display: none;
}
.search-item a {
	height: 20px !important;
	color: #FFFFFF;
}
#search-word {
	position: relative;
	color: #6B6B6B;
	width: 336px;
	height: 30px;
	-moz-box-shadow: inset 1px 1px 5px rgba(90, 105, 117, 0.3);
	-webkit-box-shadow: inset 1px 1px 5px rgba(90, 105, 117, 0.3);
	-o-box-shadow: inset 1px 1px 5px rgba(90, 105, 117, 0.3);
	box-shadow: inset 1px 1px 5px rgba(90, 105, 117, 0.3);
	background-image: url('../pic/s/u.png');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	padding: 5px 30px;
	/*padding-left: 30px;
	padding-right: 30px;*/
	border-radius: 0px;
	outline: none;
	margin-left: 0px;
	border: none;
}
#search-del{
	z-index: 1;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 96px;
	background-image: url('../pic/s/x.png');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px;
	background-color: transparent;
	border: none;
	display: none;
	outline:none;
}
#search-btn{
	color: #FFFFFF;
	width: 96px;
	height: 30px;
	border: 0;
	font-size: 14px;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0px 30px 30px 0px;
	/*margin-left: -5px;*/
}

.recommonds{
	overflow:hidden;
	list-style:none;
	clear:both;
}
.sigleRecommond{
	width:99px;
	height:99x;
	float:left;
	/*margin-left: 2px;*/
}

.singleLink img, .singleLink span.icon-box { transition: all .2s ease }
.singleLink:hover img, .singleLink:hover span.icon-box {
	transform: translate3d(0, -3px, 0);
}
.singleLink{
	display:block;
	text-align:center;
	width:100%;
	height:85px;
	padding-top:17px;
}

.singleLink .img-links2 { max-width: 50px; }
.text-links{
	font-size:12px;
	float:left;
	width:100px;
	margin-top: 13px;
	/* margin-left: 3px; */
}
.text-links, .footer-box { text-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff }
ul.recommonds.shake-rotate.sortable .singleLink { cursor: default }

label {margin-bottom: 0px;}
label:active{color:rgb(90, 105, 117)}
label:focus{color:rgb(90, 105, 117)}

.footer-box {
		font-size: 12px;
		margin: auto;
		text-align: center;
		padding-bottom: 12px;
		position: fixed;
		left: 0px;
		width: 100%;
		bottom: 0px;
}
.footer-box>a { cursor:pointer; }
/* .st-move { border: 1px solid red; position: relative }
.sortable-dragging { opacity: .5; display: block !important }
.sortable li { transition: transform 1s; } */

/* torn */
span.del-flag {
	position: absolute;
	right: 16px;
	top: 8px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: red;
	color: #fff;
	z-index: 1;
	line-height: 21px;
	text-align: center;
	font-size: 12px;
	box-shadow:0 1px 2px #600;
	cursor:pointer;
}
span.del-flag:hover {
	background-color: #c00;
	color:#ddd;
}
.sortable span.del-flag { display: block }
	
.framework .useful-links, .top-section, .recommonds { height: auto !important; }
span.show-color {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: relative;
	top: 3px;
	background-color: #2a78dc;
	box-shadow: 0px 3px 10px rgba(42, 120, 220, 0.15);
}
.singleLink { position: relative; }
#confModal table { table-layout:fixed; }
#confModal th, #confModal td {
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden; }
#tool-box {
	min-width: 60px;
	min-height: 60px;
	position: fixed;
	right: 80px;
	bottom: 45px;
	/*width: 60px;*/
	z-index: 10;
}
#tool-box a {
	bottom: 0;
	margin-top: 15px;
	padding: 0px;
	line-height: 60px;
	font-size: 16px;
	position: relative;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
ul.recommonds>li { position: relative; }
/* #tool-box a span { line-height: 60px; } 
.glyphicon-plus { left: 1.5px; }
#tool-box.manage a:nth-of-type(2) { bottom: 65px;}
#tool-box.manage a:nth-of-type(3) { bottom: 130px; }
#tool-box.manage a:nth-of-type(4) { bottom: 65px; right: 0; } */
li>a>span.icon-box {
	color: #fff;
	text-shadow: 1px 1px 3px #444;/*#ccc*/
	box-sizing: border-box;
	box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.15);
	position: relative;
	display: block;
	margin : 0 auto;
	width: 50px;
	height: 50px;
	/*border-radius: 8px;*/
	background-color: #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	line-height: 50px;
	/*padding: 0 5px;*/
	font-size: 14px;
}
li.item>a>span.text-links {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	/*position: absolute;
	bottom: -13px;
	left: 26px;
	text-align: center;
	width: 50px;*/
	display: block;
	text-align: center;
	width: 100%;
	/* margin-left: 1px; */
}
ul>li img, ul>li span.icon-box { border-radius: 8px; }

/* 移动端自适应 */
@media screen and (min-width: 320px) and (max-width: 880px) {
  html { font-size: 888%; }
  body { padding-bottom: 1.3rem; background-position: top center; }
  .framework { width: 100%; }
  .logo-box { width: auto; height: auto; margin: .1rem auto 0; }
  #version { font-size: .1rem; line-height: .15rem; left: 1.5rem }
  .header_wrap { width: .8rem; height: .8rem; }
  .header_img { margin: 0 auto; }
  .search { margin: 0; height: auto; }
  .search-wrapper { width: 100%; margin: .1rem auto .2rem; }
  .search-wrapper form { display: block; overflow: hidden; width: 2.1rem; margin: 0 auto; }
  #search-menu, #search-btn { border-radius: .2rem 0 0 .2rem; width: .5rem; height: .3rem; left: 0; font-size: .1rem }
  #search-list{ width: .5rem; top: 0; overflow: hidden; }
  .search-item{ float: left; width: .1666rem; height: .1rem; line-height: .09rem; }
  .search-item img{ display: inline; width: .13rem; height: .07rem; border-radius: 0; }
  .search-item a { display: none; }
  #search-btn { border-radius: 0 .2rem .2rem 0; }
  #search-word { width: 1.1rem; height: .3rem; line-height: .3rem; font-size: .12rem; }
  #search-del{ height: .3rem; right: .5rem; }
  ul.recommonds>li { width: .8rem; height: .92rem; overflow: hidden; }
  .singleLink { width: 100%; height: .85rem; padding-top: .07rem }
  .singleLink:hover img, .singleLink:hover span.icon-box { box-shadow: rgba(33,33,33, 0.75) 0 .14rem .12rem -.06rem !important }
  .singleLink .img-links2 { max-width: 100%; }
  .text-links { width: 100%; margin-top: .13rem; font-size: .1rem; }
  ul>li img, ul>li span.icon-box { width: .5rem; height: .5rem; line-height: .5rem; font-size: .12rem; }
  ul>li img, ul>li span.icon-box { border-radius: .08rem; }
  li.item>a>span.text-links { overflow: visible; }
  span.del-flag { right: .1rem; top: 0; width: .2rem; height: .2rem; line-height: .2rem; font-size: .1rem; }
  .footer-box { font-size: .1rem; line-height: .18rem; position: absolute; bottom: .05rem; padding: 0 .3rem; }

  #tool-box { min-width: .5rem; min-height: .5rem; position: fixed; right: .154rem; bottom: .3rem; width: .5rem; }
  #tool-box a { margin-top: .1rem; line-height: .5rem; font-size: .15rem; width: .5rem; height: .5rem; }
  #tool-box a span { line-height: .5rem; } 
  #tool-box.user-info { bottom: .3rem; left: .1rem; }
  #tool-box.manage a:nth-of-type(3) { bottom: 1.1rem; }
  #tool-box.manage a:nth-of-type(4), #tool-box.manage a:nth-of-type(2) { bottom: .55rem; }
}