@charset "UTF-8";
/*header*/
.head-text_teacher{height:18px;color: #333333;margin-right: 20px;font-family: "Microsoft YaHei";overflow: hidden;margin-top:30px;}
.head-text_teacher a,.head-text span{color: #333333;}
.head-text_teacher a.logo{color: #0075a9;}
.head-text_teacher .alert span{width: 12px;height: 12px;background: url(images/icon.png) no-repeat -170px 0;font-size:10px;color: #ffffff;text-align:center;line-height:10px;vertical-align: middle;margin-left: 3px;}

/*****main*****/
/*图书分类*/
#book-category,#search{width: 1160px;margin: 0 auto;}
#book-category{height: 400px;overflow: hidden;margin-top: 25px;}
.cat-right{width: 286px;border: 1px solid #eae6e1;}
.cat-right .title{height: 52px;line-height:52px;background: #f3f3f3;padding: 0 15px;}
.cat-right .title h1{font-size:18px;color:#ae0e16;}
.cat-right .title h1 a{color:#ccb18e;font-size: 14px;font-weight: normal;font-size: 18px;font-weight: bold;}
.cat-right .title h1 a span{vertical-align: middle;}
.cat-right ul{padding: 6px 0 7px 0px;}
.cat-right ul li{width:250px;height: 38px;padding:7px 10px 7px 25px;background: url(images/rect-icon.png) no-repeat 13px 13px;}
.cat-right ul li a{display:block;color: #3b3b3b;font-size: 14px;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cat-right ul li a:hover{color: #ae0e16;}
.cat-right ul li{color: #707070;}
.cat-right .title h1 a.active {color: #ae0e16;}

.cat-left{width: 850px;height: 400px;position: relative;overflow: hidden;}
.cat-left .mask{background: #000000;opacity: 0.3;filter:alpha(opacity=30);}
.cat-left ul{width: 1898px;height: 400px;position: absolute;top:0;left:0;}
.cat-left ul li{float: left;display: none;}
.cat-left ul li.show{display: block;}
    .cat-left ul li a {position:absolute;}
.cat-left ul li a img {width: 848px;height: 398px;border: 1px solid #dedede; }

/*search*/
#search{height: 35px;padding:11px 0;background: url(images/ser-bg.png) no-repeat;margin-top: 40px;margin-bottom: 20px;}
.form{width: 685px;height: 25px;background: #ffffff;margin: 0 auto;padding: 5px 0;font-size: 0;position: relative;}
.form>a{width: 76px;height:25px;line-height:25px;padding-left:30px;border-right: 1px solid #cccccc;letter-spacing: 8px;font-size: 12px;}
.form>a i{width: 10px;height: 5px;background: url(images/icon.png) no-repeat -135px 0;margin-left: 8px;}
.form>a i.selected { background-position: -151px 0;}
.form .txtSer{width: 468px;padding: 0 10px;height: 25px;vertical-align:top;font-size: 14px;}
.form .btnSer{width: 90px;height: 35px;background: #c4a47b;font-size: 16px;color: #ffffff;position: absolute;top:0;right:0;cursor:pointer;}
.cour-tabs {width: 106px;border: 1px solid #cccccc;background: #ffffff;position: absolute;top: 35px;left: -1px;font-size: 12px;text-align: center;z-index: 999;}
.cour-tabs > a {width: 100%;line-height: 32px;border-bottom: 1px dotted #cccccc;letter-spacing: 11px;}
.cour-tabs a:hover{color: #c4a47b;}

/*circle*/
.circle-list{ width: 1160px; height: 76px;margin: 50px auto 45px;}
.circle-list ul{width: 1230px; margin:0 0 0 0; }
.circle-list li{float: left; width: 230px; height: 76px; margin:0 12px 0 4px;}
.circle-list li a{display: inline-block; width: 100%;height: 100%;position: relative; }
.circle-list li a img{width: 76px;height: 76px; border-radius:100%; /*position:absolute;*/ left:0; z-index:1;}
.circle-list li a span{position: absolute;margin-left: 14px;font-family: 微软雅黑;top: 10px;}
.circle-list li a span var {font-style:normal;}
.circle-list li a span h3{ color: #444444; font-size: 20px;font-weight: normal;}
.circle-list li a:hover span h3{color:#702828;}
.circle-list li a span p{color: #bfbfbf;font-size: 16px;}
 /*鼠标经过效果*/
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  width:76px;
  height:76px;
}
.hvr-outline-out:after {
  content: '';
  position: absolute;
  border: #c4a47b solid 1px;
  border-radius:100%;
  top: 0;
  right:  0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
  -moz-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -o-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  -webkit-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
  transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74);
}
.hvr-outline-out:hover:after, .hvr-outline-out:focus:after, .hvr-outline-out:active:after {
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
}

/*.circle-list{width: 1160px;height: 160px;margin: 30px auto 40px;}
.circle-list ul{height: 160px;overflow: hidden;}
.circle-list ul li{float: left;width: 112px;height: 155px;margin:0 60px;text-align: center;}
.circle-list ul li a span{font-size: 24px;font-family: "微软雅黑";color: #a77e48;margin-top: 5px;}
.circle-list ul li a:hover img {-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
 }*/
 
 

/*精品推荐*/
#super-rec{width: 1160px;margin: 0 auto;margin-top: 25px;font-family: "Microsoft YaHei";}
#super-rec h1{margin-bottom: 10px;}
#super-rec h1 > img {width:120px;}
.more-style{float: right;color: #ccb18e;font-size: 18px;font-weight: normal;margin-top: 12px;}
.more-style i{width: 13px;height: 13px;background: url(images/icon.png) no-repeat -19px -35px;margin-left: 5px;}

/*.super-list{height: 145px;padding: 20px 0;background: #f3f3f3;margin-bottom: 40px;font-size: 0;}
.super-list a{width:263px;height: 145px;margin-left: 19px;border: 1px solid #eae6e1;position: relative;overflow: hidden;}
.super-list a .mask{position: absolute;right: 0;bottom: 33%;display: table-cell;font-size: 15px;width: 264px;height: 50px;text-align: center;vertical-align: middle;margin: auto auto;}
.super-list a .text{position: relative;right: 0; font-size: 15px;width: 225px;line-height: 25px;text-align: center;position: absolute;top: 50%;left: 50%;width: 80%;transform: translate(-50%,-50%);text-align: center;}
.super-list a .mask{background: #c4a47b;opacity: 0.9;filter:alpha(opacity=90);transition: all 0.7s;}
.super-list a .text{color: #ffffff;z-index: 1;opacity: 0.9 !important;}
.super-list a:hover .mask{transform: scale(1.2);-webkit-transform: scale(1.2);opacity: 1;transition:all 0.7s;}
.super-list a img{transition: transform 0.7s,opacity 0.7s;-webkit-transition: transform 0.7s;opacity: 1;width: 263px;height: 145px;}
.super-img{ margin-bottom:15px;}*/

.super-list{
    height: 267px;
    position: relative;
    overflow: hidden;
    margin-bottom:40px;
}

.super-list li{float: left;
    width: 266px;
    height: 267px;
    border: 1px solid #ccb18e;
    box-sizing: border-box;
    background: #fbfcfe;
    margin: 0 10px;
    overflow: hidden;}
.super-list li>a{width: 263px;
    height: 145px;
    overflow: hidden;
    vertical-align: middle;}


.super-list li>a>img{transition: transform 0.35s;
    width: 263px;
    height: 145px;}
.super-list  li>a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
 .super-list li h4{    font-size: 15px;
    padding: 12px 15px;
    border-bottom: 1px solid #e9e2d9;
    height: 22px;

 }
 .super-list li h4 a{
     color: #555555;
    width: 224px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
 .super-list li h4 a:hover{color: #ae0e16;}

 .super-list li .text{
     background: #f6f7f9;
    padding: 8px 15px;
    line-height: 24px;
 }

 .super-list li .text p{
     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
 }
 .super-list li .text span{
     color: #666666;
 }
/*新书速递*/
#book-exp{width: 1160px;margin: 25px auto 40px;}
#book-exp h1{margin-bottom: 20px;}
#book-exp h1 img {width:120px;}
.book-con{width: 1160px;border: 1px solid #eae6e1;background: #f3f3f3;padding: 20px 0;}
.book-list{height: 270px;position: relative;}
.book-slide{width: 1060px;height: 270px;margin: 0 auto;position: relative;overflow: hidden;}
.book-slide ul{position: absolute;top:0;left:0;}
.book-slide ul li{float: left;width: 190px;height: 238px;padding:15px 0;border: 1px solid #eae6e1;background: #ffffff;text-align: center;margin: 0 10px;position:relative;}

.book-slide ul li p{color: #593939;font-size: 14px;margin: 5px 9px;width: 170px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.book-slide ul li p:hover{color: #ae0e16;}
.book-slide ul li img {width: 130px;height: 188px;}
.book-list>a{position: absolute;top:50%;margin-top: -32px;}
.book-list>.arrow-left{left:0;}
.book-list>.arrow-right{right:0;}

.mask-layer{display:none;position:absolute;width: 100%;height: 100%;top:0;left:0;background: #ccb18e;opacity: 0.85;filter:alpha(opacity=85);border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
/*.mask-con{display:none;position:absolute;width: 100%;height: 100%;top:0;left:0;}*/
.mask-con{width:192px;top:500px;cursor: pointer;position: absolute;transition: all 1.0s;left:-1px;}
.mask-con-text{width: 192px;height: 118px;border-bottom:1px solid red; color:#FFFFFF;text-align:center;transform: translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);background-color: rgba(0,0,0,0.3)}
.mask-con-text h3{padding-top: 15px;font-size: 15px;font-weight: normal;overflow: hidden;max-height: 70px;}
.mask-con-text h4{font-size: 16px;line-height: 42px;font-weight: normal;overflow: hidden;height:42px;}
.mask-con-text .look{font-size: 14px;color: #FFFFFF;background:#b79c7a;padding: 4px 15px;border: 1px solid #ebe1d4;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-top: 35px;position: absolute;bottom: 30px;left: 52px;}
/*.book-slide ul li:hover .mask-con,.book-slide ul li:hover .mask-layer{display: block;}*/
.book-slide ul li:hover .mask-con,.book-slide ul li:hover .mask-con {top:250px;opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.book-slide ul li img {width:132px;height:190px;transition: all 0.8s;}
.book-slide ul li a {transition: all 0.8s;}
.book-slide ul li:hover a {padding-top:20px;transition: all 0.8s;}
.book-slide ul li:hover p, .book-slide ul li:hover span {display:none;}
.book-slide ul li:hover img { transform: scale(1.2);top:0px;transition: all 0.8s;}

.more{width: 82px;height: 28px;font-size:18px;color: #ffffff;background: #ccb18e;text-align:center;bottom: 0;right:0;float:right;}
.more i{width: 13px;height: 13px;background: url(images/icon.png) no-repeat 0 -35px;margin-left: 5px;}