/*page-index*/
/*index-top*/
.index-top {
  height: 44px;
  line-height: 44px;
  background-color: #e6e6e6;
}
.index-top .cm-pull-right,.index-top .cm-pull-left {
  margin-right: -5px;
}
.index-top .cm-pull-right li,.index-top .cm-pull-left li {
  padding: 0 5px;
  cursor: pointer;
  font-size: 14px;
  color:#666;
  margin-bottom: 0;
}
.index-top .cm-pull-right li:hover,.index-top .cm-pull-left li:hover {
  color: #ffa63d;
}
.index-top .help-link{
	color:#666;
	font-size: 14px;
	margin-right: 20px;
}
.index-top .help-link:hover{
	color: #ffa63d;
}
/*作业*/
.header-homework{
	color:#666;	
}
.header-homework span{
	width:18px;
	height:18px;
	line-height:18px;
	border-radius: 50%;
	background: #ff0000;
	color:#fff;
	font-size: 12px;
	text-align: center;
	margin-left: 6px;
}
/*账号到期提醒*/
.expire-remind{
	width:146px;
	height:28px;
	line-height:22px;
	padding-top: 6px;
	color:#fff;
	font-size: 12px;
	text-align: center;
	background: url(../images/deadline-bg.png) no-repeat;
	position: absolute;
	bottom:-20px;
	right:0;
	z-index: 5;
}
/*index-nav*/
.index-nav {

  height: 100px;
}
.nav-bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100px;
  background-image: url("../images/nav-bg.png");
  background-repeat: repeat;
  opacity: .03;
}
.index-logo1 {
  margin-top: 8px;
  width: 313px;
  height: 79px;
}
/*.index-logo2 {*/
/*margin-top: 18px;*/
/*width: 160px;*/
/*height: 60px;*/
/*}*/
.index-nav-ul li {
  margin-top: 35px;
  height: 30px;
  padding: 0 25px;
  line-height: 30px;
  cursor: pointer;
  -webkit-transition: none;
  transition: none;
}
.index-nav-ul li.nav-active,
.index-nav-ul li:hover {
  color: #590800;
  background-image: url("../images/index-nav.png");
  background-size: 100% 100%;
}

/*footer*/
.index-footer {
  padding-top: 100px;
  height: 300px;
  background-image: url("../images/index-footer.png");
  background-repeat: repeat-x;
}
.index-footer .index-nav-ul {
  position: absolute;
  left: 320px;
  top: -90px;
}
.index-footer-logo {
  margin: 0 auto;
  width: 289px;
  height: 109px;
}
.index-footer p {
  margin-top: 40px;
  text-align: center;
  font-size: 12px;
}

/*左右晃动*/
.animationLRLR{
  -webkit-animation:sucaijiayuan 2s .1s ease infinite;
  -moz-animation:tada 2s .1s ease infinite;
}
@-webkit-keyframes sucaijiayuan {
  0% {
    -webkit-transform: scale(1)
  }
  10%, 20% {
    -webkit-transform: scale(0.8) rotate(-2deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(2deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-2deg)
  }
  100% {
    -webkit-transform: scale(1) rotate(0)
  }
}

/*best*/
.index-best-ul {
  position: relative;
  width: 110%;
  margin-left: 5px;
}
.index-best-ul li {
  width: 286px;
  height: 305px;
  margin-right: 15px;
  margin-bottom: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 2px solid #181818;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.index-best-ul li span,.index-hot-ul li span{
	display: block;
	position: absolute;
	top:10px;
	right:10px; 
	padding:5px 9px;
	color:#fff;
	background:#fa9708; 
	border-radius: 8px;
}
.index-best-ul li .index-best-img {
  width: 100%;
  height: 226px;
  overflow: hidden;
}
.index-best-ul li .index-best-img img {
  margin-top: -5px;
  height: auto;
}
.index-best-ul li i {
  margin: 15px auto;
  display: block;
  width: 40px;
  height: 4px;
  background-color: #ffd925;
  -webkit-transition: all .3s; /* For Safari 3.1 to 6.0 */
  transition: all .3s;
}
.index-best-ul li:hover i{
  width: 60px;
  margin: 30px auto 15px;
}
.index-best-ul li:hover .index-best-img{
  height: 210px;
}
.index-best-ul li:hover p{
  height: 210px;
  color: #ffd925;
}
.index-best-ul li:hover img{
  margin-top: -40px;
}
.index-best-ul li p {
  padding: 0 15px;
  -webkit-line-clamp: 1;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  font-size: 16px;
  font-weight: 600;
}
.best-chip {
  display: block;
  position: absolute;
  background-image: url("../images/index-chip.png");
}
.best-chip1 {
  top: -100px;
  left: 50px;
  width: 84px;
  height: 132px;
  background-position: 0 0;
}
.best-chip2 {
  top: -100px;
  right: 50px;
  width: 84px;
  height: 132px;
  background-position: 0 0;
}
.best-chip3 {
  top: 15px;
  left: -120px;
  width: 135px;
  height: 64px;
  background-position: 0 -150px;
}
.best-chip4 {
  bottom: -81px;
  left: -183px;
  width: 200px;
  height: 114px;
  background-position: -200px 0;
}
.best-chip5 {
  bottom: -81px;
  right: -186px;
  width: 200px;
  height: 114px;
  background-position: -200px -150px;
}

/*hot*/
.index-hot-ul {
  position: relative;
  width: 120%;
  margin-left: 30px;
}
.index-hot-ul li {
  position: relative;
  width: 265px;
  height: 380px;
  margin-right: 25px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.index-hot-ul li .index-hot-img {
  width: 100%;
  height: 330px;
  overflow: hidden;
}
.index-hot-ul li .index-hot-img img {
  object-fit: cover;
}
.index-hot-ul li i {
  margin: 15px auto;
  display: block;
  width: 40px;
  height: 4px;
  background-color: #ffd925;
}
.index-hot-ul li:hover i{
  width: 60px;
}
.index-hot-ul li .index-hot-text {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  height: 75px;
  border-radius: 50px;
  background-color: #ffffff;
}
.index-hot-ul .index-hot-text ul.star {
  display: inline-block;
  height: 15px;
  margin: 0 auto;
}
.index-hot-text ul.star li {
  width: 15px;
  height: 15px;
  background-image: url(../images/index-hot4.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 5px;
}
.index-hot-text h4 {
  padding: 8px 15px 5px;
  font-size: 16px;

  -webkit-line-clamp: 1;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
}
.index-hot-text p {
  padding: 2px 0 0;
  font-size: 12px;
  color: #999999;
}
.index-hot-ul li:hover .index-hot-text {
  bottom: 20px;
}
.index-hot-ul li:hover .index-hot-img img {
  margin-top: 10px;
}
.index-hot-ul li:hover h4 {
  color: #f14848;
}

/*crumb*/
.crumb {
  margin-top: 50px;
  padding-left: 60px;
}
.crumb li {
  position: relative;
}
.crumb li a {
  cursor: default;
}
.crumb li a span {
  cursor: pointer;
}
.crumb li em {
  margin: 0 10px;
}
.crumb-home:before {
  display: inline-block;
  content: "home";
  position: absolute;
  bottom: 0;
  left: -30px;
  width: 26px;
  height: 22px;
  background-image: url("../images/library/library-detail.png");
  background-position: 0 0;
  color: transparent;
}

/*user-crubm*/
.user-crumb-ul {
  padding-left: 20px;
  height: 60px;
  line-height: 60px;
  background-color: #fafafa;
  border-bottom: 1px solid #eeeeee;
}
.user-crumb-ul li i {
  display: inline-block;
  float: left;
  padding-right: 15px;
  content: 'aaa';
  color: transparent;
  width: 16px;
  height: 60px;
  background-image: url("../images/user/user-icon.png");
  background-position: -90px -140px;
}
.user-crumb-ul li {
  position: relative;
  margin-right: 20px;
  font-size: 15px;
  cursor: pointer;
  transition: none;
  -webkit-transition: none;
}
.user-crumb-ul .active {
  height: 59px;
  border-bottom: 3px solid #ffa63d;
}

/*yellow-bg*/
.yellow-bg {
  background-color: #fef39c;
  border-radius: 20px;
}


.libraryContent ::-webkit-scrollbar {
  width: 15px;
} /* 这是针对缺省样式 (必须的) */
.libraryContent ::-webkit-scrollbar-track {
  background-color: #fef4cb;
} /* 滚动条的滑轨背景颜色 */

.libraryContent ::-webkit-scrollbar-thumb {
  background-color: #ffd630;
} /* 滑块颜色 */

.libraryContent ::-webkit-scrollbar-button {
  background-color: transparent;
} /* 滑轨两头的监听按钮颜色 */

.libraryContent ::-webkit-scrollbar-corner {
  background-color: black;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */



.pet-level-box ::-webkit-scrollbar {
  width: 3px;
  border-radius: 2px;
} /* 这是针对缺省样式 (必须的) */
.pet-level-box ::-webkit-scrollbar-track {
  background-color: #ffffff;
} /* 滚动条的滑轨背景颜色 */

.pet-level-box ::-webkit-scrollbar-thumb {
  background-color: #efd8be;
} /* 滑块颜色 */

.pet-level-box ::-webkit-scrollbar-button {
  background-color: transparent;
} /* 滑轨两头的监听按钮颜色 */

.pet-level-box ::-webkit-scrollbar-corner {
  background-color: black;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */




.equip-box-right ::-webkit-scrollbar {
  width: 3px;
  border-radius: 2px;
} /* 这是针对缺省样式 (必须的) */
.equip-box-right ::-webkit-scrollbar-track {
  background-color: #ffffff;
} /* 滚动条的滑轨背景颜色 */

.equip-box-right ::-webkit-scrollbar-thumb {
  background-color: #efd8be;
} /* 滑块颜色 */

.equip-box-right ::-webkit-scrollbar-button {
  background-color: transparent;
} /* 滑轨两头的监听按钮颜色 */

.equip-box-right ::-webkit-scrollbar-corner {
  background-color: black;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */




.none-scrollbar ::-webkit-scrollbar {
  width: 3px;
  border-radius: 2px;
} /* 这是针对缺省样式 (必须的) */
.none-scrollbar ::-webkit-scrollbar-track {
  background-color: #ffffff;
} /* 滚动条的滑轨背景颜色 */

.none-scrollbar ::-webkit-scrollbar-thumb {
  background-color: #efd8be;
} /* 滑块颜色 */

.none-scrollbar ::-webkit-scrollbar-button {
  background-color: transparent;
} /* 滑轨两头的监听按钮颜色 */

.none-scrollbar ::-webkit-scrollbar-corner {
  background-color: black;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */


/*按钮*/
.btn-m {
  width: 150px;
  height: 52px;
  background-image: url("../images/cm-btn.png");
  background-position: -900px 0;
  text-align: center;
  line-height: 52px;
  margin-right: 20px;
  color: #ffffff;
  cursor: pointer;
}
.btn-m:hover,
.btn-m.library-nav-active {
  background-position: -900px 90px;
}
.btn-s {
  width: 114px;
  height: 60px;
  background-image: url("../images/cm-btn.png");
  background-position: -1060px 0;
  text-align: center;
  line-height: 52px;
  margin-right: 20px;
  color: #ffffff;
  cursor: pointer;
}
.btn-s:hover,
.btn-s.library-nav-active {
  background-position: -1060px 90px;
}
.btn-l {
  width: 212px;
  height: 60px;
  background-image: url("../images/cm-btn.png");
  background-position: -430px 0;
  text-align: center;
  line-height: 60px;
  margin-right: 20px;
  color: #ffffff;
  cursor: pointer;
}
.btn-l:hover,
.btn-l.library-nav-active {
  background-position: -430px 90px;
}
.btn-L {
  width: 415px;
  height: 60px;
  background-image: url("../images/cm-btn.png");
  background-position: -1200px 0;
  text-align: center;
  line-height: 60px;
  margin-right: 20px;
  color: #ffffff;
  cursor: pointer;
}
.btn-L:hover,
.btn-L.library-nav-active {
  background-position: -1200px 90px;
}
.btn-text {
  padding: 7px 15px;
  background-color: #ffa63d;
  border-radius: 30px;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  cursor: pointer;
}
.btn-text:hover,
.btn-text:active {
  background-color: #f56102;
}

/*引入特殊字体*/

@font-face {
  font-family: 'buketingting';
  src: url('../font/buketingting.ttf');
}
.buketingting {font-family: buketingting;}


/*置黑*/
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;
}

/*鼠标禁用*/
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

/*遮罩*/
.cm-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 1;
}

/*弹出-修改手机号*/
.pop-phone {
  display: none;
}
.pop-content {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -270px;
  margin-top: -235px;
  width: 540px;
  height: 470px;
  background-color: #ffffff;
  border-radius: 10px;
  z-index: 2;
}
.pop-content .user-information-ul {
  margin-top: 40px;
}
.pop-content h3 {
  position: relative;
  padding: 30px 0;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
}
.pop-content .code {
  float: left;
  margin-left: 15px;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
.pop-content .code:hover {
  color: #ffa63d;
}
.pop-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 30px;
  font-weight: normal;
  color: #999999;
  cursor: pointer;
}

/*弹出-兑换*/
.pop-shop {
  display: none;
}
.pop-shop-ok {
  display: none;
  text-align: center;
}
.pop-shop-ok i {
  margin: 70px auto 60px;
  display: block;
  width: 150px;
  height: 150px;
  background-image: url("../images/user/user-icon.png");
  background-position: 0 -320px;
}

/*弹出-登录*/
.pop-login {
  display: none;
}
.login-information-ul {
  position: relative;
  margin: 60px auto 0;
  width: 400px;
}
.login-information-ul li {
  float: none;
  margin-bottom: 40px;
  height: 30px;
  line-height: 30px;
}
.login-information-ul span {
  float: left;
  margin-right: 20px;
  width: 80px;
  height: 50px;
  line-height: 50px;
  text-align: right;
  color: #666666;
}
.login-information-ul div {
  float: left;
  position: relative;
  padding: 0 15px;
  width: 400px;
  height: 50px;
  line-height: 50px;
  background-color: #f4f3f3;
  border: 1px solid #eeeeee;
}

.login-information-ul input {
  padding: 0;
  background-color: transparent;
}
.login-information-ul input[type=text] {
  width: 85%;
}
.login-information-ul label {
  margin-left: 5px;
  vertical-align: 1px;
}

/*表格宽度*/
.w-10 {
  width: 10%;
}
.w-20{
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-25 {
  width: 25%;
}
.w-33 {
  width: 33.333333%;
}
.w-66 {
  width: 66.666666%;
}
.w-15 {
  width: 15%;
}
.w-55 {
  width: 55%;
}
.w-75 {
  width: 75%;
}
.w-85 {
  width: 85%;
}

/*通用表格*/
.user-list-box {
  position: relative;
  height: 650px;
  background-color: #fff;
}
.user-list-box .head {
  font-weight: 600;
}
.user-list-ul,
.user-list-ul .user-item-li{
  position: relative;
  width: 100%;
  height: auto;
}
.user-list-ul .user-item-li {
  position: relative;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #eeeeee;
}
.user-list-ul .user-item-li.head {
  height: 45px;
  line-height: 45px;
  background-color: #f6f6f6;
  border-top: 1px solid #eeeeee;
}
.user-item-li ul li {
  position: relative;
  text-align: center;
}
.user-list-box .page-box {
  bottom: 50px;
}
.user-list-ul .no-content{
	width:100%;
	height:70px;
	line-height: 70px;
	text-align: center;
}
.honor-box>#honor-list .user-list-ul>.study-long:hover{
	background: #eee;
	cursor: pointer;
}
/*通用装备/食物（大）*/
.shop-img {
  display: inline-block;
  width: 200px;
  height: 100px;
  background-image: url("../images/pet/shop.png");
  background-size: 500% 900%;
}
.shop-img-1 {
  background-position: 0 0;
}
.shop-img-2 {
  background-position: -200px 0;
}
.shop-img-3 {
  background-position: -400px 0;
}
.shop-img-4 {
  background-position: -600px 0;
}
.shop-img-5 {
  background-position: -800px 0;
}

.shop-img-6 {
  background-position: 0 -100px;
}
.shop-img-7 {
  background-position: -200px -100px;
}
.shop-img-8 {
  background-position: -400px -100px;
}
.shop-img-9 {
  background-position: -600px -100px;
}
.shop-img-10 {
  background-position: -800px -100px;
}

.shop-img-11 {
  background-position: 0 -200px;
}
.shop-img-12 {
  background-position: -200px -200px;
}
.shop-img-13 {
  background-position: -400px -200px;
}
.shop-img-14 {
  background-position: -600px -200px;
}
.shop-img-15 {
  background-position: -800px -200px;
}

.shop-img-16 {
  background-position: 0 -300px;
}
.shop-img-17 {
  background-position: -200px -300px;
}
.shop-img-18 {
  background-position: -400px -300px;
}
.shop-img-19 {
  background-position: -600px -300px;
}
.shop-img20 {
  background-position: -800px -300px;
}

.shop-img-21 {
  background-position: -0 -400px;
}
.shop-img-22 {
  background-position: -200px -400px;
}
.shop-img-23 {
  background-position: -400px -400px;
}
.shop-img-24 {
  background-position: -600px -400px;
}
.shop-img-25 {
  background-position: -800px -400px;
}

.shop-img-26 {
  background-position: -0 -500px;
}
.shop-img-27 {
  background-position: -200px -500px;
}
.shop-img-28 {
  background-position: -400px -500px;
}
.shop-img-29 {
  background-position: -600px -500px;
}
.shop-img-30 {
  background-position: -800px -500px;
}

.shop-img-31 {
  background-position: 0 -600px;
}
.shop-img-32 {
  background-position: -200px -600px;
}
.shop-img-33 {
  background-position: -400px -600px;
}
.shop-img-34 {
  background-position: -600px -600px;
}
.shop-img-35 {
  background-position: -800px -600px;
}

.shop-img-41 {
  background-position: 0 -700px;
}
.shop-img-42 {
  background-position: -200px -700px;
}
.shop-img-43 {
  background-position: -400px -700px;
}
.shop-img-44 {
  background-position: -600px -700px;
}
.shop-img-45 {
  background-position: -800px -700px;
}

.shop-img-46 {
  background-position: 0 -800px;
}
.shop-img-47 {
  background-position: -200px -800px;
}
.shop-img-48 {
  background-position: -400px -800px;
}
.shop-img-49 {
  background-position: -600px -800px;
}
.shop-img-50 {
  background-position: -800px -800px;
}

/*通用装备/食物（小）*/
.shop-img-small {
  display: inline-block;
  width: 100px;
  height: 50px;
  background-image: url("../images/pet/shop.png");
  background-size: 500% 900%;
}
.shop-img-small-1 {
  background-position: 0 0;
}
.shop-img-small-2 {
  background-position: -100px 0;
}
.shop-img-small-3 {
  background-position: -200px 0;
}
.shop-img-small-4 {
  background-position: -300px 0;
}
.shop-img-small-5 {
  background-position: -400px 0;
}

.shop-img-small-6 {
  background-position: 0 -50px;
}
.shop-img-small-7 {
  background-position: -100px -50px;
}
.shop-img-small-8 {
  background-position: -200px -50px;
}
.shop-img-small-9 {
  background-position: -300px -50px;
}
.shop-img-small-10 {
  background-position: -400px -50px;
}

.shop-img-small-11 {
  background-position: 0 -100px;
}
.shop-img-small-12 {
  background-position: -100px -100px;
}
.shop-img-small-13 {
  background-position: -200px -100px;
}
.shop-img-small-14 {
  background-position: -300px -100px;
}
.shop-img-small-15 {
  background-position: -400px -100px;
}

.shop-img-small-16 {
  background-position: 0 -150px;
}
.shop-img-small-17 {
  background-position: -100px -150px;
}
.shop-img-small-18 {
  background-position: -200px -150px;
}
.shop-img-small-19 {
  background-position: -300px -150px;
}
.shop-img-small-20 {
  background-position: -400px -150px;
}

.shop-img-small-21 {
  background-position: -0 -200px;
}
.shop-img-small-22 {
  background-position: -100px -200px;
}
.shop-img-small-23 {
  background-position: -200px -200px;
}
.shop-img-small-24 {
  background-position: -300px -200px;
}
.shop-img-small-25 {
  background-position: -400px -200px;
}

.shop-img-small-26 {
  background-position: -0 -250px;
}
.shop-img-small-27 {
  background-position: -100px -250px;
}
.shop-img-small-28 {
  background-position: -200px -250px;
}
.shop-img-small-29 {
  background-position: -300px -250px;
}
.shop-img-small-30 {
  background-position: -400px -250px;
}

.shop-img-small-31 {
  background-position: 0 -300px;
}
.shop-img-small-32 {
  background-position: -100px -300px;
}
.shop-img-small-33 {
  background-position: -200px -300px;
}
.shop-img-small-34 {
  background-position: -300px -300px;
}
.shop-img-small-35 {
  background-position: -400px -300px;
}

.shop-img-small-41 {
  background-position: 0 -350px;
}
.shop-img-small-42 {
  background-position: -100px -350px;
}
.shop-img-small-43 {
  background-position: -200px -350px;
}
.shop-img-small-44 {
  background-position: -300px -350px;
}
.shop-img-small-45 {
  background-position: -400px -350px;
}

.shop-img-small-46 {
  background-position: 0 -400px;
}
.shop-img-small-47 {
  background-position: -100px -400px;
}
.shop-img-small-48 {
  background-position: -200px -400px;
}
.shop-img-small-49 {
  background-position: -300px -400px;
}
.shop-img-small-50 {
  background-position: -400px -400px;
}



/*select*/
.slDiv {
  position: relative;
  padding: 0 -15px;
}
.slDiv i {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 20px;
}
.slDiv i.up {
  transform: rotate(180deg);
}
.slDiv span {
  color: #222 !important;
  text-align: left;
}
.slDiv #btnSelect {
  /*background: url("../images/selAppear.png") right no-repeat;*/
  width: 100%;
}
.slDiv .ulDiv {
  position: absolute;
  top: 48px;
  left: 0;
  display: none;
  width: 398px;
  z-index: 100;
}
.slDiv .ulDiv.ulShow {
  display: block;
}
.slDiv .ulDiv ul {
  background-color: #eee;
  border: 1px solid #e8e8e8;
  margin: 0 -17px 0;
}
.slDiv .ulDiv ul li {
  padding: 0 15px;
  cursor: pointer;
  line-height: 50px;
  height: 50px;
  margin-bottom: 0;
}
.slDiv .ulDiv ul li:hover {
  background: #e3e3e3;
}