input::-webkit-input-placeholder{
    color: #999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #999;
}
textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}
textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;

}
.phoneShow{display: flex;padding:10px;justify-content: space-around;align-items: center;background: #0f7eec;
    margin-left: -15px;
    margin-right: -15px;
    color: #fff;}
img{width:100%;}
a{cursor:pointer;}
ul{margin:0px;padding:0px;list-style:none;}
.clearfix{clear:both;}

#particles-js{     width: 100%;  background-color: #0F7EEC; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }
.navbar-default{background: rgba(238, 238, 238, 0);   border: none;margin:0px;}
.navbar-brand { height: 60px;
    padding: 7px 20px;}
.navbar-toggle	{    margin-top: 23px;rgba(255, 255, 255, 0.3);border: none;}
.navbar-default .navbar-toggle .icon-bar{    background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #0a60a5;
}
.addqq{padding: 10px;
    color: #c14000;
    border: 1px solid #eee;}
.addqq img{height:25px;
    width: auto;}
.input_box{/* display */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;     /* box-align */
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;}
.wbf_1{   -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;}
.navbar-form .form-control{    width: 100%;
    padding: 5px 10px; height:auto;
    border: 1px solid #eee;
    box-shadow: inset 1px -2px 9px #f0eeee;}
.navbar .navbar-form{
    padding:0px;
}

.btn_all{  display:block;  position: relative;    overflow: hidden;    z-index: 0; cursor: pointer;    border: none;
    background: #0f7eec;
    padding: 12px 40px;
    color: #fff;outline: none;    border-radius: 40px;}.btn_all a{color:#fff;}
.navbar-form .btn_all{
    width:120px;
    padding: 6px 30px;
    text-align: center;
}
a.btn_all:focus, a.btn_all:hover{color:#eee;}
/*手机端导航栏样式*/
.navbar-nav{    margin: 2px -15px;
    background: #0f7eec;}.navbar-default .navbar-nav>li>a{color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #0f7eec;
    background-color: #fafafa;
    border-left: 10px solid #0f7eec;
    border-bottom: 3px solid #0f66ac;
}
/*轮播图样式*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 18px 20px;
    border-radius: 100%;
    font-size: 16px;outline:none;
}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{
    background: rgba(255, 255, 255, 0.4);
    color: #0f7eec;
}
.ques{margin:0px;padding: 5px 0px;
    background: #d0eeff;
    box-shadow: inset 0px -5px 20px #74cdd7;padding-top: 8px;height:auto;}
.ques a{ cursor: pointer;
    display: block;

    margin: 0px auto;
    width: 100%;
    text-align: center;}
.ques a img{width:100%;height:auto;border-bottom: 2px solid rgba(255, 255, 255, 0);}
.ques a img:hover{    box-shadow: 0px 0px 10px #004881;border-bottom: 2px solid rgba(255, 255, 255, 1);}


/*栏目样式*/
.main_title {    text-align: center;
    padding: 2.7% 0px;position:relative;}
.main_title .title_text{font-size: 1.6em;
    font-family: "宋体";
    font-weight: bold;
    color: #000;
    text-shadow: 1px 0px 0px;}

a.title_more{font-size: 12px;
    position:absolute;right:0px;
    font-family: "微软雅黑";
    font-weight: 100;
    line-height: 40px;cursor:pointer;  }
a.title_more:focus, a.title_more:hover{text-decoration:none;}


/*新闻-右侧*/
ul.news_right{ margin:0px;list-style:none;padding:0px;}
ul.news_right li{border-bottom:1px solid #eee;    padding: 10px 0px;}
ul.news_right li a{
    font-size: 18px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    color: #4f4f4f;}
.news_right .date{color: #999;}
.news_right li.one a{font-weight:bold;color:#000}
.news_right li a:hover{font-weight:bold;color:#000;}
.news_right li:last-child{border:none;}
.news_right li.one	.text{    color: #666;
    padding-top: 5px;}

/*新闻-左侧轮播图*/

#news_left .swiper-button-prev,#news_left .swiper-container-rtl .swiper-button-next,#news_left .swiper-button-next,#news_left .swiper-container-rtl .swiper-button-prev{background:rgba(0, 0, 0, 0);padding: 5px;width:auto;height:auto;}
#news_left .swiper-button-prev:hover,#news_left .swiper-container-rtl .swiper-button-next:hover,#news_left .swiper-button-next:hover,#news_left .swiper-container-rtl .swiper-button-prev:hover{background:rgba(0, 0, 0, 0);padding: 5px;width:auto;height:auto;}
#news_left .title{    position: absolute;
    z-index: 10;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    color: #fff;
    font-size: 18px;
    padding: 20px 10px;    padding-bottom: 15px;}
#news_left .title p.date{display: none;}

#news_left .swiper-pagination{    text-align: right;padding-right: 10px;}
#news_left .swiper-pagination-bullet{border-radius:0px;    background: #fff;opacity: 1;}
#news_left .swiper-pagination-bullet-active{    background: #007aff;}

/*最新图书*/
.new_book .box{    display: -webkit-box;
    border-bottom: 2px solid #eee;
    padding: 10px 0px;}
.new_book .box img{    height: 140px;
    width: 100px;
    margin-right: 15px;}
.new_book .box{margin-bottom:10px;}
.box-content{    -webkit-box-flex: 1;}
.box-content	.title{    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;}
.box-content	.title a{color:#000;}
.box-content	.post{margin-bottom:10px;color: #999;}
.box-content .description{-webkit-box-orient: block-axis;max-height: 160px;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;margin-top:10px;}.new_book .text{display:none;}
.box-content .icon{display:none;}
.cbsh{margin-left:10px;}
/*重点教材*/
.keypoint .ah-tab>.ah-tab-item {
    border-bottom: 3px solid transparent;
    margin-right:0px;
    padding: 10px 20px;
}
#major_type .ah-tab-overflow-list	.ah-tab-item {
    width: auto;
    padding: 10px;
    text-align: left!important;    margin: 10px;
}
.keypoint .ah-tab-content-wrapper{margin:0px;    background: #fdfdfd;}
.keypoint .ah-tab>.ah-tab-item[data-ah-tab-active="true"] {
    border-bottom-color: #e7e9ed;
    background: #0f7eec;color: #fff;
}.keypoint .ah-tab>.ah-tab-item[data-ah-tab-active="true"]:hover{background: #0f7eec;color: #fff;}
.keypoint .ah-tab>.ah-tab-item:hover {
    border-bottom: 3px solid #ebebeb;    color: #0f7eec;
}
.keypoint .ah-tab-overflow-menu{background: transparent no-repeat;color: #0f7eec;outline:none;}
.keypoint .kp_content{
    color:#999;
}
.kp_content .title a{color:#000;font-size:14px;}

.kp_content .wbf_1 div{margin-bottom:10px;}
.kp_content span{color:#4f4f4f;line-height: 25px;}
.kp_content span.price{color:#eb4141}
.kp_content .int_duc{-webkit-box-orient: block-axis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;}
.kp_content .title a:focus, .kp_content .title a:hover{color:#0294ff}
.kp_content .title{margin-top: 10px;}

/*友情链接*/
#links{padding-bottom:40px;}
#links  a{display:block;border: 1px solid #eee;}
#links  a:hover{border: 1px solid #ddd;}
#links img{height: 68px;cursor:pointer;padding: 5px;}
#links .swiper-pagination-bullet,#tj_banner .swiper-pagination-bullet{    width: 20px;
    height: 5px;
    display: inline-block;
    border-radius: 0px;}
#links .swiper-pagination-bullets .swiper-pagination-bullet,#tj_banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
#tj_banner{padding-bottom: 20px;}
/*�ײ�*/
.foot_top{     margin-top: 2%;
    background: #f9f9f9;
    padding: 2% 0px;
    box-shadow: 0px -5px 20px #efefef;}
.qus_title{border-left: 5px solid;
    font-size: 16px;
    color: #0e5bad;
    padding: 2px 13px;
    margin: 10px 0px;}
ul.qus_list{margin:0px;padding:0px;margin-left:20px;list-style:none;}
ul.qus_list li{float:left;width:50%;padding: 5px 0px;}
ul.qus_list li a{color:#666;}
ul.qus_list li a:focus, ul.qus_list li a:hover{color:#0294ff; text-decoration:underline;}
.erwm{text-align:center;}
.erwm a{   border: 1px solid #eee;}
.erwm img{width:80px;height:80px;margin: 0px 5px;}
.erwm a:hover p{color:#0294ff;}
.erwm a	p{padding: 5px;
    text-align: center;
    font-size: 12px;
    margin: 0px;
    border-top: 2px solid #eee;
    background: #fffdfd;
    color: #666;}

.foot_bottom {
    background: -webkit-linear-gradient(bottom, #0081ff, #033b8e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #0081ff, #033b8e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #0081ff, #033b8e); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #0081ff, #033b8e );
    color: #fff;text-align: center;
    padding: 20px;line-height: 25px;
}.foot_bottom a{color:#fff;}.foot_bottom a:hover{text-decoration:underline;}

/* �Ҳ����� */
.toolbar-item{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;    z-index: 1000;}
.toolbar-item{opacity: 0.5;display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover{opacity: 1}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -248px;}
.toolbar-item-weixin:hover{background-position:0 -310px;}
.toolbar-item-weixin .toolbar-layer{height:100px;background-position:0 0;width:100px;    background-size: cover;}
.toolbar-item-feedback{background-position:0 0;}
.toolbar-item-feedback:hover{background-position:0 -62px;}
.toolbar-item-top{background-position:0 -125px;}
.toolbar-item-top:hover{background-position:0 -190px;}
.toolbar-layer{background:url(../images/qrcode.jpg) no-repeat;position:absolute;right:55px;bottom:-10px;width:100px;opacity:0;filter:alpha(opacity=0);
    transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
    -moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.exzoom .exzoom_btn a{    padding-top: 30px;line-height: 0px;}

/* ͼ��Ƶ�� */
/* ͼ����ർ�� */
.books_menu{display:none;}
.bmenu_box{display:none;}
.books_menu_title{display:block;
    background: #116cbd;
    padding: 15px 20px;
    font-size: 16px;
}
.books_menu_title a{color: #fff;}
.books_menu_title i{float: right;
    margin-top: 3px;}

/*ÿ�ճ���*/

.new_day .col-md-3,.new_day .col-md-12,.new_day .col-md-6,.new_day .col-md-4,.new_day .col-md-1,.new_day .col-xs-6{padding:0px;border:none;}

.new_day .shortimg ,.new_day .longimg,.new_day .minimg{border:none;padding:0px;}
.new_day .shortimg ,.new_day .longimg,.new_day .minimg,.new_day .mainimg{position:relative;}
.new_day .mousebox{text-align:center;  border: 3px solid #fff;background: #f9f9f9;  padding: 15px;height:150px;}

.new_day a:hover .mousebox{ border: 3px solid #0f7eec;
    background: #fff;}
.longimg img,.minimg img{height:100%;}
.new_day p.text{display:block;position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    margin: 0px;
    left: 0px;
    padding: 10px;}
/*���������Ƽ�*/
.recent_content .box img{  height: 160px;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 10px;    width: auto}
.recent_content a.box {color:#000;font-size:16px;text-align: center;
    display: block;}
.recent_content a.box p:hover{color:#0f7eec}
.recent_content a.box .time{color:#999;font-size:12px;}
.recent_content a.box .read{color:#0f7eec;font-size:12px;}
a.title_refresh{font-size: 12px;color:#ddd;    position: absolute;
    right: 0px;
    font-family: "΢���ź�";
    font-weight: 100;
    line-height: 40px;
    cursor: pointer}
a.title_refresh:focus, a.title_refresh:hover{color:#999;}


/* ͼ������ */
/* ͼ��ɸѡ */
.screen_box{    margin-left:0px;
    border: 1px solid #ddd;}
.screen_box .box_top{padding:15px 20px}
.screen_box .box_top span a{color:red;margin-left: 15px;}
ul.screen_list{ border-top:1px dashed #ddd;padding: 12px;padding-left:20px;}
ul.screen_list a{color:#999;}
ul.screen_list a:focus,ul.screen_list a:hover{text-decoration:underline;}
ul.screen_list a.active{color:#0f7eec}
ul.screen_list a { float:left;margin-left:15px;}
ul.screen_list	span{    float: left;
    font-weight:bold;}
.screen_form{padding:10px 20px;border-top:3px double #eee}
.input_control{border:1px solid #ddd;padding:3px 8px;outline:none;margin-left: 5px;}
.screen_form_bottom{margin:0px auto;text-align:center;}
.btn{width: 100px;
    background: #0f7eec;
    color: #fff;
    margin: 0px 10px;}
.btn_gray{background:#999;}
a.btn:focus, a.btn:hover{color:#eee;}

.screen_form .col-md-4,.screen_form .col-md-8{margin-bottom:10px;}

/*�����ɸѡ*/
/*��ѡ��*/
.sort_box{    background: #e8eff7;
    margin-top: 10px;}
.check_list{padding:3px 0px;}
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 20px;
    border-right: 1px solid #d2d7de;
    margin-left: 40px;
}.radio{ position: relative;margin:0px;}
ul.check_list li{float:left;}
ul.check_list li.checkbox:last-child{border:0px;}
.checkbox+.checkbox{margin-top: 10px;}
.radio+.radio{margin-top:0px;}
.checkbox input[type=checkbox], .checkbox input[type=radio]{opacity: 0;margin: 4px 0 0;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    z-index: 1;}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{    position: absolute;
    margin-left: -20px;}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}.checkbox-primary input[type=checkbox]:checked+label::before, .checkbox-primary input[type=radio]:checked+label::before{
     background-color: #0f7eec;
     border-color: #0f7eec;
     outline:none;
 }input[type=checkbox].styled:checked+label:after, input[type=radio].styled:checked+label:after{
      font-family:"Font Awesome 5 Free";font-weight: 900;
      content: "\f00c";
  }.checkbox-primary input[type=checkbox]:checked+label::after, .checkbox-primary input[type=radio]:checked+label::after {
       color: #fff;
   }

.checkbox label::before{
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out,color .15s ease-in-out;
    -o-transition: border .15s ease-in-out,color .15s ease-in-out;
    transition: border .15s ease-in-out,color .15s ease-in-out;
}.checkbox label::after {
     display: inline-block;
     position: absolute;
     width: 20px;
     height: 20px;
     left: 0;
     top: 0;
     margin-left: -20px;
     padding-left: 3px;
     padding-top: 1px;
     font-size: 11px;
     color: #555;
 }

.radio label::before {
    margin-top: 10px;
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out;
}.radio label::after {

     display: inline-block;
     position: absolute;
     content: " ";
     width: 11px;
     height: 11px;
     left: 3px;
     top: 13px;
     margin-left: -20px;
     border-radius: 50%;
     background-color: #0f7eec;
     -webkit-transform: scale(0,0);
     -ms-transform: scale(0,0);
     -o-transform: scale(0,0);
     transform: scale(0,0);
     -webkit-transition: -webkit-transform .1s cubic-bezier(.8,-.33,.2,1.33);
     -moz-transition: -moz-transform .1s cubic-bezier(.8,-.33,.2,1.33);
     -o-transition: -o-transform .1s cubic-bezier(.8,-.33,.2,1.33);
     transition: transform .1s cubic-bezier(.8,-.33,.2,1.33);
 }.radio input[type=radio] {
      height:30px;
      opacity: 0;
      z-index: 1;
  }.radio label {
       display: inline-block;
       vertical-align: middle;
       position: relative;
       padding-left: 5px;
   }.radio {
        padding-left: 40px;
    }.radio input[type=radio]:checked+label::after {
         -webkit-transform: scale(1,1);
         -ms-transform: scale(1,1);
         -o-transform: scale(1,1);
         transform: scale(1,1);
     }.radio input[type=radio]:checked+label::before {border:1px solid #0f7eec}.radio input[type=radio]:checked+label{color:#0f7eec}
.web_box{display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;}
.list_content .web_box{display:block;text-align: center;}
/*����list*/
.sort_list a{color:#666;}
.sort_list a.active li{background:#0f7eec;color:#fff;}
.sort_list a li{float:right;width:33.3%;text-align:center;padding: 13px 0px;}
.sort_list a li i{margin-left:5px;}
/*ͼ���б�*/

.books_list{margin-top:10px;}

.list_content .title{color: #000;
    font-size: 20px;margin-right: 10px;    display: block;margin-bottom:10px;}
.list_content a.title:focus, .list_content a.title:hover{color:#0f7eec}
.list_content	a.spec_lable{padding: 6px 12px;
    background: #16d4b1;
    border-radius: 20px;
    font-size: 12px;
    margin:10px 0px;margin-right:10px;
    color: #fff;}
.list_content a.green_lable{ background: #19cbd4;}
.list_content a.blue_lable{ background: #03bce6;}
.slogan{color:#bf0d0d}
.books_list li	{    padding: 20px 0px;
    border-bottom: 1px solid #eee;position: relative;}
.list_content span{color:#999;margin-right:10px;}
.list_content span.price{color:#eb4141;   }
.list_content span.text{color:#333;}
.list_content	.int_duc{-webkit-box-orient: block-axis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;position:relative;line-height:24px;}
.list_content .int_duc a.more{background: #fff;
    position: absolute;
    right: 10px;
    bottom: 0px;
    color: red;
    z-index: 100;
    padding: 0px 3px;}
.list_content .int_duc a.more span{color:#333;margin:0px;}
.icon_right{text-align:right;margin: 0px 10px;}
.icon_right a{font-size:1.5em;color: rgba(3, 87, 158, 0.6);margin-left:15px;}
.icon_right a:focus,.icon_right a:hover{color:rgba(3, 87, 158, 1)}
.books_list_r{position:relative;}
.btn_four .btn{ display:inline-block;margin: 5px;width:45%; position: relative;
    overflow: hidden;
    z-index: 0; background: rgba(3, 87, 158, 0.6);
    color: #ffffff;
    font-weight: bold;
    box-shadow: inset 0px 4px 9px 1px rgba(255, 255, 255, 0.7);
    border: 0px;
    border-radius: 3px;}

.list_content div{margin-bottom:10px;width:100%;}
.list_content {
    padding: 10px 15px;
    padding-bottom: 5px;
}
.share_box{display:none;width: 170px;
    position: absolute;
    top: -10px;
    left: 180px;
    border: 1px solid #eee;
    padding: 10px;
    background: #f9f9f9;}
.books_list li .share_box span{float:left;    margin: 0px; line-height: 35px;}
.share_box a,.login_type a{
    float: left;
    width: 32px;
    line-height: 32px;
    height: 32px;
    cursor: pointer;
    margin:0px 2px;

}
.login_ewm a{    background-image: url(../images/css-bg.png);}
.share_box .bds_weixin ,.login_type .bds_weixin{

    background-position: -13px -7px!important;
}
.share_box .bds_tsina,.login_type .bds_tsina{

    background-position: -57px -7px!important;
}.share_box .bds_sqq,.login_type .bds_sqq{

     background-position: -101px -7px!important;
 }.share_box .bds_qzone,.login_type .bds_qzone{

      background-position: -146px -7px!important;
  }
.btn_four a.btn:focus,.btn_four a.btn:hover{background:rgba(3, 87, 158, 1)}
.btn_four{    margin: 0px;
    position: relative;
    right: 0px;
    bottom: 0px;}
.books_list li .list_content .int_duc{margin:0px;}
.books_list	img{
    padding: 10px;
    border: 1px solid #eee;width: auto;height:150px;}
.pagination{    float: none;margin:10px 0px;}
.page_text{    line-height: 50px;}
.page_text i{    color: #0f7eec;
    margin: 0px 3px;}
.pd_none{padding:inherit;}
nav{text-align:center;}

/*ͼ������*/
/*ͼƬ����������*/
.exzoom{display:none;}
#android_images{display:block;}
.pd_lf{padding-left:15px;}
.books_info{margin-bottom:15px!important;}
.books_info .list_content{padding:10px; position:relative;}
.books_info .list_content a.spec_lable{margin-left:0px;margin-right:10px;}
.books_info .list_content .title{font-size:1.2em}
.books_info .slogan{margin-top:10px;}
.books_info .commend{    background: #f0f8fb;
    padding: 15px;
    color: #333;    margin-top: 20px;border: 1px solid #eee;}
.books_info .commend p{    color: #0d66bf;
    font-weight: bold;
    font-size: 18px;}

.buy_btn i{margin-right:10px;}
.books_info .list_content .buy_btn{width:auto;margin-left:5px;}
.books_info .price{    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;}
.buy_btn a{    padding: 10px;
    background: #ffffff;
    border: 1px solid #02a1ff;
    width: 90px;
    display: block;text-align:center}
.books_info .list_content div{width:auto;}
.btn_two .btn{ margin:0px;
    position: relative;
    overflow: hidden;    z-index: 0;    background: rgba(3, 87, 158, 0.6);box-shadow: inset 0px 4px 9px 1px rgba(255, 255, 255, 0.7);
    border: 0px;
    border-radius: 3px;}
.btn_two .btn:focus, .btn_two .btn:hover{    background: rgba(3, 87, 158, 1);}
.commend .text{    margin: 0px;
    height:150px;
    overflow: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    position: relative;
    line-height: 24px;}
.commend .text::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.commend .text::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #d3e4eb;
}
.commend .text::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background   : #ededed;
}
/*������*/
.ad_box{    background: url(../images/ad_info_one.jpg) no-repeat 50%;
    height: 220px;
    line-height: 220px;
    text-align: center;    background-size: cover;}
.ad_box img{height:100%;width: auto;}
.ad_all{ background:url(../images/ad_all_one.jpg) no-repeat 50%;
    height: 120px;
    line-height: 120px;
    text-align: center;    background-size: cover;}
.ad_all img{height:100%;}
.ad_top{margin-bottom:20px;}
/*���end*/
#info_ewm{width: 100px;
    margin: 0px;
    border: 1px solid #eee;
    margin-right: 10px;
    font-size: 12px;
    text-align: center;}
#info_ewm .swiper-slide p{background: #fff;
    margin-bottom: 20px;}
#info_ewm  .swiper-pagination{bottom:5px;}
.linkman{    border: 1px solid #eee;
    font-size: 14px;    padding-bottom: 5px;}
.linkman .title{border-bottom:1px solid #eee;padding:10px;margin-bottom:5px;}
.linkman .title a{float:right;}
.linkman  div span{color:#999;margin-right:10px;}
.ad_bottom{margin-top:20px;}

.books_info .icon_right {
    position: relative;
    bottom: 0px;
    right: 0px;
    width: 100%;
    margin: 20px 0px;
    text-align: center;
}

.books_info .icon_right a{font-size:16px;margin-right:3%}
.books_info .icon_right a:focus, .books_info .icon_right a.social-share-icon:hover{color:#fff}
.social-share .social-share-icon{margin-top:5px;}
.social-share .icon-wechat .wechat-qrcode.bottom{    left: -75px;}
.books_info .icon_right  i{font-size:1.5em;margin-right: 5px;}
.books_info .icon_right .share_box{left: 260px;    top: -15px;}
.books_info .icon_right .share_box span	{float: left;
    line-height: 40px;}
.books_info .icon_right .share_box a{margin-right:2px;}
.binfo_four .wbf_1{display:block;    padding: 20px;}
.binfo_four	.web_box{       padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    border: 3px solid #eee;
    color: #eee;
    border-left: 10px solid #f0f0f0;
    border-right: 10px solid #f0f0f0;
    width: 100%;
    background: -webkit-linear-gradient( top, #0081ff, #033b8e);
    background: -o-linear-gradient( top, #0081ff, #033b8e);
    background: -moz-linear-gradient( top, #0081ff, #033b8e);
    background: linear-gradient(to top, #188dff, #084880 );}
.binfo_four	.web_box span{padding: 10px 5px;cursor:pointer; border-right: 5px solid  rgba(255, 255, 255, 0);
    border-left: 5px solid rgba(255, 255, 255, 0);font-size:14px;}
.binfo_four	.web_box span.active{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    color: #ffffff;
    box-shadow: inset 3px -3px 20px #ffffff;
    font-weight: bold;
    border-right: 5px solid #ffffff;
    border-left: 5px solid #ffffff;}
.binfo_nav{height:auto;}
.hooks li .binfo_title{    position: relative;    padding: 10px;
    text-align: center;
    font-size: 1.2em;
    color: #106abe;    box-shadow: inset 0px -6px 20px #eee;}
.binfo_content{border: 1px solid #eee;
    padding: 20px;position: relative;}

.binfo_title i{margin-right:10px;}
.binfo_content	.special_text{        padding: 15px;
    color: #b71919;
    background: #ffebeb;
    border: 1px solid #f3cbcb;
    border-radius: 3px;}
.binfo_content	.special_text span{font-weight:bold;}
#example-top{
    /*position: absolute;*/
    width: 100%;
    height: 600px;
    z-index: 1;
    top: 20px;
    left: 0px;
    padding: 10px;margin-left:-30px;}
/*С������ʽ*/
.resource_box .title{    padding: 9px 0px;
    margin-top: 25px;
    border-bottom: 1px #ddd dashed;
    margin-bottom: 0px;}
.resource_box .new_title{       font-size: 16px;
    border-bottom:2px #a2b8c5 solid;
    height: 10px;
    margin-bottom: 20px;
    margin-top: 10px;}

.resource_box .new_title span{            background: #ffffff;
    padding: 10px 20px;
    font-weight: bold;
    color: #356189;
    padding-right: 10px;
    position: relative;
    padding-left: 32px;
    font-size: 16px;
    letter-spacing: 5px;
}
.resource_box .new_title span:before{    position: absolute;
    content: "";
    background: url(../images/icon_title.png) no-repeat;
    width: 25px;
    height: 25px;
    top: 6px;
    left: 0px;
    background-size: cover;}
.resource_box .title span{    padding: 12px 20px;
    color: #0e62b0;
    font-size: 16px;
    font-weight: bold;
    background: #fbfbfb;
    box-shadow: -5px -6px 0px #b9d0e7;}

.resource_box ul.resource_list li{float:left;margin:10px 20px;}
.resource_box ul.resource_list a{color:#999}
.resource_box ul.resource_list a li span{text-decoration:underline;margin-right:5px;}
.resource_box ul.resource_list a li i{margin-left:10px;color:#0294ff;font-size:16px;}
.resource_box ul.resource_list a:focus,.resource_box ul.resource_list a:hover  {color:#0294ff}
ul.resource_list,ul.tuijian_list{padding: 10px 0px;}
.resource_box .upload_btn a{    position: relative;
    overflow: hidden;
    z-index: 0;
    width: 170px;
    height: 40px;
    line-height: 28px;margin-bottom: 20px;}
.binfo_content .linkman{margin-top:20px;}
.resource_box .upload_btn a i{margin-right:10px;font-size:18px;}
ul.tuijian_list a li{cursor:pointer;float:left;margin:10px 20px;border:1px solid #c8e4ff;padding:10px 20px;border-radius:5px;color:#0294ff}
ul.tuijian_list a li.special{border:1px solid #ffd4d1;color:#df3333;font-weight: bold;}
ul.tuijian_list a:focus li,ul.tuijian_list a:hover li {color:#fff;background:#0294ff}
ul.tuijian_list a:focus li.special,ul.tuijian_list a:hover li.special {background:#e54949}
.binfo_col{margin: 10px 5px;}
.binfo_col span{color:#999;margin-right:10px}
.binfo_col p{margin-top:10px;}
.binfo_text,.binfo_qy{padding:20px 10px;line-height: 30px;position:relative;padding-top:0px}
.binfo_text p{text-indent:2em;}
.binfo_contents{padding:20px 10px;    height: 270px;
    overflow: hidden;position:relative;margin-bottom:10px;}
.binfo_qy{height: 140px; overflow: hidden;    margin-bottom: 20px}
.binfo_contents_show{    overflow: inherit;
    height: auto;
}
.binfo_contents p{position:relative;}
.binfo_contents p span{background:#fff;padding:0px 10px;}
.binfo_contents p span.ym{float:right;}
.binfo_contents p:after{content:"";    border-bottom:1px #b5b5b5 dashed;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 50%;
    z-index: -1;}
.binfo_contents a,.binfo_qy a{    position: absolute;
    bottom: -9px;
    display: block;
    width: 100%;
    background: #fff;
    padding: 0px 10px;left:0px;}

.read_links{padding:20px;}
.read_links a{        text-decoration: underline;
    margin-right: 5%;
    padding: 0px 20px;
    background: #f8f6f6;
    border-radius: 20px;
    padding-left: 0px;
    margin-bottom: 5px;
    display: inline-block;}
.read_links a i{background: #b9d0e7;
    padding: 10px;
    border-radius: 100%;
    margin-right: 10px;
    color: #ffffff;}
.binfo_title .btn {
    position: absolute;
    right: 0px;
    bottom: 8px;
    font-size: 12px;
    padding: 5px;
    width: 80px;    margin: 0px 20px;
}
.comment_list li .list_top{display:block;
    font-size: 16px;}
.comment_list li .list_top span.user{    background: #0f7eec;
    padding: 5px 15px;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 20px;font-weight: normal;}
.comment_list li .list_top .name{font-weight:bold;}
.comment_list li .list_top .date{color:#999;font-size:14px;margin-bottom:10px;}
.comment_list li{margin: 15px 0px;
    box-shadow: 1px 0px 5px #eee;
    padding: 20px;
    padding-top: 10px;}
.comment_list li:last-child{border-bottom:0px;}
.comment_list	.list_text{padding-top: 10px;
    color: #666;
    line-height: 24px;
    border-top: 1px dotted #999;}
/*����չʾ��ʽ*/

.binfo_content .show_number {
    width:240px;
    padding:10px 0px;height:40px;

}

.atar_Show{
    background:url(../images/starky.png);
    width:160px; height:21px;
    position:relative;
    float:left;
}

.atar_Show p{
    background:url(../images/starsy.png);
    left:0;
    height:21px;
    width:134px;
}

.show_number span{
    display: inline-block;
    margin-left: 10px;
    color: #ff9c03;
    font-size:16px;
    font-family:Georgia, "Times New Roman", Times, serif;
}

/*����������ʽ*/
.star_box{    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;    padding: 20px 0px;    overflow: hidden;
    height: 63px;}
.modal-body .form-group {font-size:16px;}
.mycomment_box .label{display:block;}
.mycomment_box .wbf_1 span{line-height: 32px;
    font-size: 16px;}
.mycomment_box{    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    padding: 10px 0px;  }
.mycomment_box textarea,.mycomment_box input{
    border: 1px solid #ddd;
    outline: none;
    resize: none;
    width: 98%;
    font-size: 16px;
    padding: 5px 10px;
    margin-left: 1%;  }
.modal-dialog .radio label::before{
    margin-top:0px;
}
.modal-dialog .radio label::after{    top: 3px;}
.star_box .label,.mycomment_box .label{font-weight:bold;font-size:16px;     color: #333;   line-height: 28px;}
.block{
    width:100%;
    line-height:21px;
}
.block .star_score{
    float:left;
}
.star_list{
    height:21px;
    margin:50px;
    line-height:21px;
}
.block p,.block .attitude{
    padding-left: 10px;
    line-height: 21px;
    display: inline-block;
    font-size: 14px;
    margin:0px;
}
.block .attitude{line-height:26px;}
.block p span{
    color:#C00;
    color: #ff9c03;
    font-size:16px;
    font-family:Georgia, "Times New Roman", Times, serif;
}

.star_score {
    background:url(../images/starky.png);
    width:160px;
    height:21px;
    position:relative;
}

.star_score a{
    height:21px;
    display:block;
    text-indent:-999em;
    position:absolute;
    left:0;
}

.star_score a:hover{
    background:url(../images/starsy.png);
    left:0;
}

.star_score a.clibg{
    background:url(../images/starsy.png);
    left:0;
}
/*ģ̬��*/
.modal-header {
    background:#0f7eec;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modal-header .close{margin-top:2px;}
.modal-title{font-weight:bold;color:#fff;}
 .remark{background: #fcf2f2;
    padding: 10px;
    color: #9f4646;}
.modal-footer{text-align:center;border:0px;padding-top:0px;    padding-bottom: 20px;}
.modal-footer button.btn{        width: 150px;
    height: 45px;
    font-size: 16px;
    border-radius: 0px;
    border: none;
    margin: 0px 10px;outline:none;}
.btn-default:active:hover{outline:none;}
.btn-default{background:#eee;color:#666;}
.books_info .icon_right a:focus, .books_info .icon_right  a:hover{    color: #0f7eec;}

.navbar-form{border:none;}
#android_images .swiper-pagination-fraction	{    bottom: 10px;
    right: 0;
    width: inherit;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 3px 20px;
    border-radius: 20px;
    left: auto;}
#android_images img{height:350px;width:auto;padding:10px;}
#android_images .swiper-slide{background:#fff;    margin: 0px auto;
    text-align: center;}
.books_info .list_content .bottom_info{    position: relative;
}
.books_info .list_content .buy_box{    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;  font-size: 14px;margin-top:20px;
    width: 100%;}
.info_img{border:1px solid #eee;}
.navbar-brand>img{    height: 50px;
    width: auto;margin:0px}

/*��ѶƵ��*/
/*��Ѷ��ҳ����*/
#news_index {    margin-top:50%;}
#news_index .form-control	{    font-size: 18px;
    padding:20px;}
#news_index .input_box{display:block;}
#news_index .btn_all{         background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 1px -12px 17px 0px #1d519f, 0px 0px 8px 5px #fff;
    font-size: 18px;
    padding: 15px;
    font-weight: bold;
    border-radius: 10px;
    border: 2px solid #fff;    position: absolute;
    right: 25%;
    margin-top: 30px;
    text-align: center;width:auto;
    left: 25%;}

/*��Ѷ�����б�*/
.news_search{margin-top:20px;position:relative;}
.search_text{color:#999;font-size: 12px; }
.search_text .special{    color: #e41b1b;
    background: #eee;
    padding: 5px 10px;
    margin: 5px;}
.news_list li{padding: 15px 10px;
    border-bottom: 1px solid #eee;}
.news_list li:last-child{border:0px;}
.news_list li a.title{font-size:16px;color:#000;}
.news_list li a.title span.special{color:#ea2f2f;font-weight:bold;}
.news_list li a.title:focus,.news_list li a.title:hover{color:#0f7eec}
.news_list li .content{margin:5px 0px;font-size:12px;}
.news_list li .content span{margin-right:3%;}
.news_list li .content span label{color:#999;font-weight:normal;}
.news_list li .content a.paperclip i{margin-right:3px;}
.news_list li .text{-webkit-box-orient: block-axis;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;}
ul.screen_right{text-align:center;    border: 1px solid #eee;
    border-bottom: 5px solid #0e62b5;}
ul.screen_right .title{padding: 10px;
    background: #0e62b5;
    color: #fff;}
ul.screen_right li{padding:10px;border-bottom:1px solid #eee}
ul.screen_right li a{color:#999;}
ul.screen_right li a:focus,ul.screen_right li a:hover,ul.screen_right li a.active{color:#0294ff;}
a.type_btn{display: inline-block;
    float: right;
    width: 60px;
    padding: 5px;
    margin-top: -8px;
    font-size: 12px;}
#ntype_box{display:none;}
#ntype_box.ntype_box_show{    display: block;
    position: absolute;
    width: 180px;
    top: -10px;
    background: #ffffff;
    right: 100px;
    box-shadow: 0px 0px 7px #eee;
    padding: 10px;}

/*��ԴƵ��*/
/*��Դ��ҳ*/
.navbar-nav .user_rt{color:#fff;padding:10px;}
.navbar-nav .user_rt span{padding: 5px 12px;
    background: #0f7eec;
    margin: 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-right: 20px;}
.navbar-nav .user_rt a{margin:0px 8px;color:#fff;cursor:pointer;}
.navbar-nav .user_rt a.user_i:focus,.navbar-nav .user_rt a.user_i:hover{color:#92c9ff;}
.navbar-nav .user_rt a.out_i:focus,.navbar-nav .user_rt a.out_i:hover{color:#ff9a9a;}

.resource_top{background:#eee;padding:10px;    margin-bottom: 30px;}
.resource_top ul li{margin:5px;float:left;line-height:22px;}
.resource_top ul li.name{font-size:16px;margin-left:5px;    color: #116cbd;}
.resource_top ul li.name span{color:#fff;    padding: 5px 12px;
    background: #0f7eec;
    margin: 10px;
    font-size: 12px;
    border-radius: 5px;
    margin-right: 20px;}
.resource_top ul li span{color:#999;font-size:12px;}
.resource_top a.btn{width: 45%;margin:0px;
    margin-right: 10px;}
.green_btn{background:#07c196;}
.resource_top .pd_none{padding:0px 10px;}
.resource_type .type_box a:hover{box-shadow:0px 0px 6px #dcdcdc;background:#fff;}
.resource_type .type_box a{background:#f9f9f9;text-align:center;padding:10px;border-radius:10px;display:block;margin-bottom:10px;}
.izy{padding: 10px;
    font-size: 1.3em;
    color: #fff;
    border-radius: 100%;width:40px;height:40px;text-align:center}
.izy_one{ background: #0f7eec;}
.izy_two{ background: #07c196;}
.izy_three{     background: #ea9f16;
    padding: 10.5px 11.5px;
}
.resource_type .type_box p{ display:none;   color: #a9a9a9;
    font-weight: lighter;
    margin: 0px;}
.resource_type .type_box h4{font-weight:bold;font-size:12px; margin:15px 0px;  }
.resource_type .type_box h4.one{ color: #0f7eec;}
.resource_type .type_box h4.two{ color: #07c196;}
.resource_type .type_box h4.three{ color: #ea9f16;}
.isbn_img{width:100%;height:100%;}
.resource_rbox{border:1px solid #eee;}
.resource_rbox .title{    padding: 10px;
    background: #0e62b5;
    color: #fff;
    text-align: center;}
.box_topmg{margin-top:4px;}
.rscreen_box{padding:30px 5px;}
#resource_search{margin-top:0px;}
.btn_tr{    text-align: center;padding: 0px;margin-top:10px;}
.btn_tr .btn{margin:0px;margin-left: 10px;}
#resource_search .sort_box{margin-top:0px;}
#resource_search .sort_box .ah-tab .ah-tab-item{padding:11px;font-size:16px;margin-right:10px;font-size:14px;}
#resource_search .ah-tab>.ah-tab-item[data-ah-tab-active="true"],#resource_search .ah-tab>.ah-tab-item:hover{border-bottom-color: #0f7eec;}
#resource_search .ah-tab-item[data-ah-tab-active="true"],#resource_search a.ah-tab-item:focus,#resource_search a.ah-tab-item:hover{    color: #0f7eec;}
#resource_search .ah-tab-content-wrapper{margin:0px;}
#resource_search .ah-tab-content{border-top:0px;padding:0px;border:0px;}
#resource_search .ah-tab::after{background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(232, 239, 247) 40%, rgb(232, 239, 247) 99%);
    background: -webkit-linear-gradient(left,rgba(255, 255, 255, 0) 0%, rgb(232, 239, 247) 40%, rgb(232, 239, 247) 99%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(232, 239, 247) 40%, rgb(232, 239, 247) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eff700', endColorstr='#e8eff7', GradientType=1);
}#resource_search .ah-tab::before{
     background: -moz-linear-gradient(right,rgba(255, 255, 255, 0) 0%, rgb(234, 241, 249) 70%, rgb(237, 246, 255) 99%);
     background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgb(234, 241, 249) 70%, rgb(237, 246, 255) 99%);
     background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(234, 241, 249) 70%, rgb(237, 246, 255) 99%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eff7', endColorstr='#e8eff700', GradientType=1);
 }
#resource_search .resource_list li{padding:15px 5px;border-bottom: 1px solid #eee;}
#resource_search .resource_list li .title a{color:#000;font-size:1.6em;}
#resource_search .resource_list li .title span.special{color:red;margin:0px}
#resource_search .resource_list .roc_img{width: 200px;    margin: 0px auto;}
.resource_list .roc_img img{margin-left:5px;    width: 120px;
    vertical-align: top;
    padding: 10px;
    border: 1px solid #eee;}
#resource_search ul.resource_list{margin:0px 10px;padding-top:5px}
#resource_search .resource_list .list_content .title{font-size:16px;text-align:center;}
.resource_list	.download_btn{ position:relative;top:35%;   width: 130px;
    background: #eee;
    margin: 0px;
    color: #0f7eec;}
.roc_btn{text-align:center;}
.weihu_a{margin:0px 10px;}
.resource_list .roc_btn{position:relative;}
.resource_list	 a.download_btn:focus,.resource_list a.download_btn:hover{color:#03579e;}
#defender—box .ewm_box{text-align:center}
#defender—box .ewm_box img{width:auto;height:150px}
#defender—box .ewm_box p{text-align:center;margin:0px;margin-top:10px;}
#defender—box .defender_name{text-align:center;font-size:20px;margin-bottom:10px; font-weight:bold;}
#defender—box .defender_info p i{color:#78b5f1;margin-right:10px;font-size:18px;}
#defender—box .defender_info p {text-align:center;border-bottom:1px solid #f9f9f9;padding:10px;margin:0px;margin:5px 0px;color:#333;}

.left-content-wrapper .left-content{display:none;margin-top:30px;}
.left-content-wrapper .active{display:block;}
.left-content ul li{padding:10px 15px;border-bottom:1px solid #eee;}
.left-content ul li:last-child{border:0px;}
.left-content ul a{color:#333;}
.left-content ul a:focus,.left-content ul a:hover{color:#0f7eec;}
.resource_rbox a.ri_more{float:right;color:#fff;}
#resource_search .hot_books{margin-top:30px;}

/*ͼ������-�Ƽ��������¼*/
.books_bottom .ah-tab{border:0px}
.books_bottom .ah-tab .ah-tab-item{ margin:0px;   padding: 10px 30px;
    background: #f9f9f9;
    border: 1px solid #eee;border-bottom:3px solid #f9f9f9;}
.books_bottom .ah-tab .ah-tab-item[data-ah-tab-active="true"]{background:#0f7eec;color:#fff;border-bottom:3px solid #eee;}
.books_bottom .ah-tab .ah-tab-item:hover{border-bottom:3px solid #eee;color:#0f7eec}
.books_bottom .ah-tab .ah-tab-item[data-ah-tab-active="true"]:hover{color:#fff;}
.books_bottom .ah-tab-content-wrapper{margin:0px;background:#f9f9f9;}
.list_bk{    padding: 20px 5px;margin: 0px;}
.list_bk_right{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari �� Chrome */
    column-count:2;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    margin:0px 10px;
}
#topic_banner img{height:400px;}
.list_bk_center{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari �� Chrome */
    column-count:2;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    margin:0px 10px;
}
.list_bk_center .writer{font-size:14px;    margin-left: 5px;}
.list_bk .mg_btm,.list_bk_center .list{  -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;}
.books_bottom .ah-tab-content{    padding: 0px 5px;
    padding-top: 10px;border: 1px solid #eee;}
.list_bk img{padding:10px;border:1px solid #eee;background:#fff;    height: 160px;}
.list_bk a{color:#000;}
.list_bk .mg_btm{margin-bottom:15px;}
.books_bottom .list_bk{font-size:16px;}
.books_bottom .list_bk .price{font-size:14px;}
.list_bk a:focus,.list_bk a:hover{color:#0f7eec;}
.list_bk .name{padding:0px 5px;margin-top:8px;}
.list_bk .price{padding:0px 5px;color:#eb4141}

/*���԰�*/
.message_normal{margin-top:10px;}
.message_top img{height:auto;width:100%;}
.message_normal .title{font-size:18px;font-weight:bold;}
.message_normal .title_more{font-size: 14px;top:-7px;right:20px;
}
.top_mg{margin:20px -15px;}
.normal_list .q_color{    color: #ffffff;
    font-size: 12px;
    background: #0f7eec;
    padding: 5px 6px;
    margin-right: 5px;
}
a.btn-default:hover{color:#333;}
.normal_list .a_color{   font-weight: bold;
    color: #ffffff;
    font-size: 12px;
    background: #d81010;
    padding: 5px 6px;
    margin-right: 5px;}
.normal_list li{padding:5px 0px;}.normal_list li:last-child{border:0px;}
.m_input .form-control{    border: 0px;
    border-bottom: 2px solid #ddd;
    border-radius: 0px;
    box-shadow: none;
    height: 40px;
    font-size: 16px;
    padding: 10px;
    line-height: 40px;}
.message_index .list_top{padding:10px 0px;}
.message_index .comment_list li .list_top .date{margin:0px;}
.m_input{padding-left:10px;}
.m_input .btn{    margin: 0px;
    height: 40px;
    line-height: 26px;
    margin-right: 10px;
    width: 40px;overflow:hidden;}
.m_input i{padding-right:15px;}
.message_index .main_title{padding:15px;border-bottom: 1px solid #ddd;margin-top:20px}

.message_index .comment_list li{    margin: 15px 0px;
    padding: 10px 20px;
    background: #fdfdfd;box-shadow:none;}
.message_index .main_title .title_text{font-size:1.8em;}
.reply_text{    margin-top: 5px;
    color: #d81313;}
#message—box .modal-dialog{overflow:hidden;}
#message—box .modal-body{padding:20px;}
#message—box .message_title{    font-size: 18px;}
#message—box .message_title a.title_more,#message��box .message_title a.title_more i{font-size:14px;    top: -7px;    right: 7px;}
#message—box .table_box{margin:10px 0px;padding:10px;background:#f9f9f9;}
#message—box .table_box .table{margin-bottom:0px;color:#666;}
#message—box .message_title i{margin-right:10px;font-size:22px;}
#message—box .message_title .fa-question-circle{color: #0f7eec;}
#message—box .message_title .fa-list-ul{    color: #ff8400;}
#message—box .mg_top,.act_list .mg_top,.topic_blist .mg_top{margin-top:10px;}
.act_list .mg_top img{height:220px;}
#message—box ul.qa_list li{padding:10px 20px;border-radius:5px;background:#f9f9f9;margin: 10px 20px;
    float: left;
    margin-left: 0px;}
.message_index .comment_list li .list_top{    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -o-box-align: center;
    box-align: center;}
.message{padding:0px;}
.message textarea{    width: 100%;
    resize: none;
    border: none;
    box-shadow: 0px -5px 6px #f9f9f9;
    padding: 10px;
    font-size: 16px;
    outline: none;
    margin-top: 2%;}
.file_box{    width: 100px;
    height: 100px;
    margin: 10px;
    padding: 10px;
    color: #999;
    position: relative;
    border: 1px solid #eee;
    padding-top: 28px;}
.file_box .input_file{ filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;     width: 100px;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;}
img#img0{width:auto;}
.file_btn{    text-align: right;    height: 100px;
    line-height: 150px;}
#message—box .modal-footer button.btn{  width: 80px;  margin: 0px;}
.normal_list li .que{font-weight:bold   ;     color: #597896;}
.normal_list li .ans{ color: #6f0d0d;
    margin-top: 8px;
    line-height: 22px;}

/*���Ŀ*/
/*���ҳ*/

.act_thumbs{background: rgba(0, 0, 0, 0.7);}
.act_thumbs .swiper-container-thumbs{overflow:hidden;}
.act_thumbs .swiper-container-thumbs .swiper-slide{ filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;  }
.act_thumbs .swiper-container-thumbs .swiper-slide-thumb-active{ filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;  }
.act_list .list_top{padding: 10px;
    border: 1px solid #eee;}
.act_list .list_top .title{    font-size: 16px;
    margin: 5px 0px;}.act_list .list_top .title a{color:#000;}
.act_list .list_top .title span{       font-size: 10px;
    border: 1px solid #c5c5c5;
    padding: 3px 12px;
    color: #a0a0a0;
    border-radius: 3px;
    margin-left: 10px;}
.act_list .list_top .other{color:#999;font-size:12px;}
.act_list .list_top .other i{margin-right:5px;}
.act_list .list_top .other span.state{color: #0f7eec;}
.act_list .list_top .other span.people{color: #ff8201;margin-left:30px;}
.list_btn a.btn{width:100%;border-radius:0px;margin:0px;position:relative;overflow:hidden;    z-index: 0;padding:10px}
/*�����б�*/
.gift_list .list_img{padding:10px;border:1px solid #eee;}
.gift_list .list_img img{height:200px;}
.gift_list a.title{font-size:16px;color:#000;}
.gift_list a.title:hover{    color: #0f7eec;}
.gift_list .list_text{margin:10px 0px;}
.gift_list .list_text p{margin-bottom:5px;}
.gift_list .list_text span{margin-right:20px;color:#999}
#act_history .swiper-slide .people{    color: #ff8201;
    margin-left: 20px;font-size:12px;}
#act_history .swiper-slide .people i{margin-right:5px;}
.gift_list .btn-default:hover{background:#0f7eec;color:#fff;border:1px solid #fff;}
#act_history a p{margin:10px 0px;font-size:16px;color:#000;margin-bottom:5px;}
#act_history a:hover p{color: #0f7eec;}
#act_history .swiper-slide{padding-bottom:10px;}
#act_history .swiper-slide .type{    font-size: 10px;
    border: 1px solid #c5c5c5;
    padding: 3px 12px;
    color: #a0a0a0;
    border-radius: 3px;}
#act_history .swiper-button-prev,#act_history .swiper-container-rtl .swiper-button-next,#act_history .swiper-button-next,#act_history .swiper-container-rtl .swiper-button-prev{    width: 36px;
    height: 50px;
    padding: 15px 10px;    background: rgba(0, 0, 0, 0);border-radius: 0px;}
#act_history .swiper-button-prev,#act_history .swiper-container-rtl .swiper-button-next{left:0px}
#act_history .swiper-button-next,#act_history .swiper-container-rtl .swiper-button-prev{right:0px}
#act_history .swiper-button-prev:hover,#act_history .swiper-container-rtl .swiper-button-next:hover,#act_history .swiper-button-next:hover,#act_history .swiper-container-rtl .swiper-button-prev:hover{background: rgba(0, 0, 0, 0)}

/*ר����Ŀ*/
/*ר����ҳ*/

.swiper_list li{background: #f9f9f9;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #efeeee;}
.swiper_list li:first-child{border-top:1px solid #eee}
.swiper_list li a{color:#666;}
.swiper_list li.active{    background: #ffffff;
    font-weight: bold;
    opacity: 1;
    border-color: #eee;
    box-shadow: inset 19px -20px 20px 6px #efefef;
    border-left: 5px solid #dedede;

}
.swiper_list li.active a{color: #333;}
.topic_blist img:hover{opacity:0.8;}
.topic_blist .list_img:hover{    background: #aeddff;
    text-align: center;
    box-shadow: inset 0px 0px 10px 0px #000000;}
.topic_blist .list_img img{height:200px;}
.topic_blist .list_text{border:1px solid #eee;padding:10px;}
.topic_blist .list_text a.title,.major_ltitle a{color:#000;font-size:16px;}
.topic_blist .list_text p{margin:0px;color:#999;}
.topic_blist .list_text a.title:hover,.major_ltitle a:hover{color:#0f7eec}
.topic_blist{margin-bottom:20px;}
.xs_bcontent .list .name{color:#000;font-size:16px;margin-top:10px;height:45px;}
.xs_bcontent .list a:hover .name,.xs_ncontent .list li a:hover{color:#0f7eec;}
.xs_bcontent .list .writer{color:#999;    height: 20px;
    overflow: hidden;}
.xs_bcontent .list .price{color:#eb4141}
.xs_bcontent .list .price i{margin-right:3px;}
.xs_ncontent .list li{padding:10px;border-bottom:1px solid #eee;}
.xs_ncontent .list li:last-child{border:0px;}
.xs_ncontent .list li:first-child{padding-top:0px}
.xs_ncontent .list li a{color:#000;font-size:16px;}
.xs_ncontent .list li span{color:#999;float:right;}

/*������ר������*/
.coop_top .coop_img{margin: 0px auto;
    text-align: center;
    padding: 10px;
    border: 1px solid #eee;    position: relative;}
.coop_top .coop_img img{height:50px;width:auto;}
.coop_top .coop_img  a{position:absolute;right:0px;margin-top:8px;}
.coop_text{    background: #f9f9f9;
    padding: 30px;
    margin-bottom: 30px;}
.coop_text p{text-indent:2em;}
.xs_title{padding:20px;}
.xs_title .title_text{    font-size: 18px;
    font-weight: bold;
    position: relative;
    border-bottom: 2px solid #666;padding:5px;}
.xs_title .title_text a.title_more{font-size:14px;right:0px;
    bottom:0px;color:#999;}
.xs_title .title_text a.title_more:hover{color:#0f7eec}
/*����ר������*/
.hinfo_bg{    background: url(../images/topic_htitle.jpg) no-repeat 50% 50%;
    height: 80px;
    width: 100%;
    background-size: contain;}
.news_right .resource_box .title{margin-top:10px;}
.topic_h .news_right{    border-bottom: 10px solid #b9d0e7;
    box-shadow: inset 0px 0px 12px #b9d0e7;    overflow: auto;}
.topic_h .binfo_text{font-size:16px;color:#666;}
.topic_h #news_left .title{font-size:17px;}
.topic_h #news_left .swiper-pagination{    bottom: 18px;}
.topic_h .resource_box .title span{margin-left:10px;}

/*ͼ��ר������*/
/*不知效果*/
.binfo_bg{    background: url(../images/topic_btitle.jpg) no-repeat 50% 50%;
    height: 80px;
    width: 100%;
    background-size: contain;}
/*רҵ��Ŀ*/
/*רҵ��ҳ*/
#major_type{padding:10px;padding-bottom:0px;border:1px solid #eee;margin-top:30px;margin-bottom:10px;}
#major_type	.ah-tab-item{ margin: 0px 20px;}
.major_ltitle{padding:15px 5px;font-size:16px;color:#000;border:1px solid #eee;}
#major_type_content{margin:0px;}
#major_type_content .ah-tab-content{border:0px;padding: 20px 0px;}


/*�û�ע��͵�¼*/
.registe{background:url(../images/login_bg.jpg) no-repeat 50% 50%;background-size: cover;}
.user_wrapper .screen_form{border:0px;font-size:16px;padding-top:30px;}
.user_wrapper .screen_form .radio label{color:#999;}
.user_wrapper .screen_form .mg_btm{margin-bottom:15px;}
.user_wrapper .screen_form .input_control{padding: 8px 10px;
    margin: 0px;
    border: 0px;
    box-shadow: inset 0px 0px 3px 0px #c1c6cc;margin-left: 10px;
}
.user_wrapper .screen_form	label{line-height: 40px;}
.user_wrapper .screen_form .mg_btm .btn{    height: 40px;
    line-height: 26px;}
.user_wrapper .right{  border-left: 0px;
    padding:30px;
    background: rgba(255, 233, 232, 0.6);    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;}
.reg_btn {position: absolute;
    bottom: 0px;}
.user_wrapper .right h4{color: #d81515;
    font-weight: bold;}
.user_wrapper .screen_form .checkbox-primary label{line-height: 20px;font-size:14px;}
.reg_btn i{font-size:12px;}
.top_title h3{margin-top:5%;width:100%;text-align:center;font-size:2.5em;font-weight:bold;color:#fff;margin-bottom:10%;text-shadow: 2px 1px 5px #000;margin-bottom:40px;}
.user_wrapper{position: relative;width: 100%;
    background: rgba(255, 255, 255, 0.8);
    margin: 0px auto;
    box-shadow: 1px 0px 13px #000000;
    border-radius: 5px;    margin-bottom: 10%;}
.reg_btn .btn{    position: relative;
    overflow: hidden;
    z-index: 0;width:100%;margin:0px;border-radius:0px;padding:15px;font-size:16px;}
.reg_btn {position: relative;
    bottom: 0px;padding:0px}
.user_wrapper .screen_form  .input_awe{    margin: 10px -15px;}
.user_wrapper .screen_form  .input_awe .input_control{padding-left:45px;    width: 95%;}
.user_wrapper .screen_form  .no_login{margin:20px 0px;    padding: 0px;}
.login_shadow{box-shadow: -10px 0px 18px #055490;}
.ewm_leftbox{position:relative;}
.ewm_leftbox .ewm_login{            position: absolute;
    top: 15px;
    text-align: center;
    padding: 10px;
    color: #fff;
    right: 15px;}
.ewm_leftbox .ewm_login h4{font-weight:bold;font-size:14px;}
.ewm_leftbox .ewm_login img{width:120px;height:120px;}
.input_awe i{ position: absolute;
    top: 0px;
    left: 16px;
    color: #ffffff;
    background: #0f7eec;
    padding: 11px 12px;}

/*��������*/
/*�������Ķ���*/

.user{background:url(../images/user_bg.png);}
.user_container {position: relative;
    background: #fff;
    margin-top: 10px;
    box-shadow: 0px 0px 10px #dddd;}
.user_top .web_box{display:block;padding:10px;}
.user_container .navbar-fixed-top{position:absolute;}
.user_top .left span{margin:0px; font-size:24px;}
.user_top .left span.u_type{font-size:16px;background:#0f7eec;color:#fff;padding:8px 20px;margin-left:25px;}
.user_top .left span.writer{background:#ff9108}
.user_top .left span.teacher{background:#17efbd}
.user_top .checking{margin-top:10px;}
.user_top .checking div{font-size:16px;}
.user_top .checking span{line-height:40px;margin-right:20px;}
.user_top .checking a{float:right;padding:5px 20px;font-size:14px;border: 1px solid #F44336;
    border-radius: 20px;
    background: #F44336;
    color: #fff;}
.user_top .checking a.yes{border:1px solid #09d247;color:#09d247;    background: transparent;}

/*�����������˵�*/
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-left: 200px;
}
#wrapper.toggled #sidebar-wrapper {
    width: 200px;
}
#wrapper.toggled #page-content-wrapper {
    margin-right: -200px;
    position: absolute;
    overflow:hidden;    height: 100%;
}
#sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: transparent;
    height: 100%;
    left: 200px;
    margin-left: -200px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;    border: 0px;
}
#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}
#page-content-wrapper {
    padding:30px;
    width: 100%;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 10px 0px;

    background:#f9f9f9;
    border-bottom:5px solid #eee;
}
.sidebar-nav li {
    display: inline-block;
    line-height: 20px;
    position: relative;
    width: 100%;
}
.sidebar-nav li:before {
    background-color: #1c1c1c;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 3px;
    z-index: -1;
}
.sidebar-nav li:first-child a {
    background-color: #1a1a1a;
    color: #ffffff;
}
.sidebar-nav li:nth-child(2):before {
    background-color: #402d5c;
}
.sidebar-nav li:nth-child(3):before {
    background-color: #4c366d;
}
.sidebar-nav li:nth-child(4):before {
    background-color: #583e7e;
}
.sidebar-nav li:nth-child(5):before {
    background-color: #64468f;
}
.sidebar-nav li:nth-child(6):before {
    background-color: #704fa0;
}
.sidebar-nav li:nth-child(7):before {
    background-color: #7c5aae;
}
.sidebar-nav li:nth-child(8):before {
    background-color: #8a6cb6;
}
.sidebar-nav li:nth-child(9):before {
    background-color: #987dbf;
}
.sidebar-nav li:hover:before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
}

.sidebar-nav li a {
    color: #999;
    display: block;
    font-size: 16px;
    padding: 12px 10%;
    text-decoration: none;
    margin: 5px 0px;
    margin-left: 15%;
}.sidebar-nav li a i{font-size:20px;margin-right: 10px;}
.sidebar-nav li.new a:after{    content: "";
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/new.gif) no-repeat;
    margin-top: -5px;
    margin-left: 5px;
}
.sidebar-nav li.active a:hover before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
}
.sidebar-nav .dropdown-menu {
    background-color: #222222;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.nav.sidebar-nav li.active a{    text-decoration: none;
    background-color: #fff;
    border-top-left-radius: 30px;
    color: #125FAC;
    border-bottom-left-radius: 30px;    box-shadow: -8px 0px 10px #e8e8e8;}
.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus{
    color:#125FAC;background:#f9f9f9;
}
.sidebar-nav > .sidebar-brand {
    font-size: 18px;
    color: #3186C7;
    font-weight: bold;
    padding: 15px 15%;
}.sidebar-nav > .sidebar-brand i{margin-left:20px;}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 30px;
    position: absolute;
    top: 5px;
    width: 30px;
    z-index: 10000;
    left:5px;
}
.hamburger:hover {
    outline: none;
}
.hamburger:focus {
    outline: none;
}
.hamburger:active {
    outline: none;
}
.hamburger.is-closed:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}
.hamburger.is-closed:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}
.hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    top: 0;
}
.hamburger.is-closed:hover .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    bottom: 0;
}
.hamburger.is-closed .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #ddd;
    top: 5px;
}
.hamburger.is-closed .hamb-middle {
    background-color: #ddd;
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-closed .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #ddd;
    bottom: 5px;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%;
}
.hamburger.is-open .hamb-top {
    transform:rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: #d4d4d4;
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-open .hamb-middle {
    background-color: #d4d4d4;
    display: none;
}
.hamburger.is-open .hamb-bottom {
    transform:rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari and Chrome */
    -o-transform:rotate(-45deg); /* Opera */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: #d4d4d4;
    margin-top: -2px;
    top: 50%;
}
.hamburger.is-open:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}
.hamburger.is-open:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
}
@media screen and (max-width: 63em) {
    .main {
        padding: 0 2em;
        -webkit-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }

    .menu {
        -webkit-transform: translate3d(-170px, 0, 0);
        transform: translate3d(-170px, 0, 0);
    }

    .menu.menu--open + .main {
        opacity: 0.05;
    }
}

/*�û���ҳ����*/
.utop_box .type_box a{background: #f9f9f9;
    display: block;
    text-align: center;
    padding: 20px;
    border-radius: 20px;
    color:#afbec7;font-size:24px;
    margin:0px;
    margin-bottom:10px;
}
.utop_box .type_box a h4{display:none;}
.utop_box .type_box a p{margin:0px;padding-top:5px;border-top:0px;font-size:24px;font-weight:bold;color:#0f7eec}
.utop_box .type_box a.new h4:after{content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff2e2e;
    border-radius: 100%;
    top: 5px;
    margin-left: 10px;}
.utop_box .type_box a:hover{box-shadow:0px 0px 10px 0px #ddd;}

.ulist_content .ub_img{padding-right:0px;}
.ulist_content .ub_img img{    height:auto; padding:5px;border:1px solid #eee;}
.ulist_content a.title {
    color: #000;
    font-size: 18px;
    margin-right: 10px;
    display: block;
    margin-bottom: 20px;
}.ulist_content span {
     color: #999;
     margin-right: 5%;
 }.ulist_content span.text {
      color: #333;
  }.ulist_content span.price {
       color: #eb4141;
   }.ulist_binfo div{margin-bottom:15px;font-size:14px;}
.ulist_content a.title:hover{color:#0f7eec;}
.hot_comment .comment_list .list_text{-webkit-box-orient: block-axis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    position: relative;
    line-height: 24px;}
.hot_comment .comment_list .list_text a.more{background: #fff;
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: red;
    z-index: 100;
    padding: 0px 3px;}
.hot_comment .comment_list .list_text a.more span {
    color: #333;
    margin: 0px;
}
.ulist li{border-bottom:1px solid #eee;margin:10px 0px;padding-bottom:10px;padding-top:10px;}
#hot_box{height: 1000px;
    overflow: auto;    padding: 0px;}

#new_collect .list_bk{padding-bottom:0px;padding-top:20px}
#setting{       position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
}
#setting a.btn{
    padding: 10px;
    text-align: center;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin: 0px;
    float: left;border-radius:0px;
}
#setting .all_check{display: block;
    overflow: hidden;
    float: left;width:0px;
    background: #fff;}
#setting .all_check ul.list{padding:10px;border:1px solid #eee;}
#setting .all_check ul.list .title{color: #0f7eec;
    padding: 0px 5px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;}
#setting .all_check ul.list li{    border: 0px;
    float: left;
    width: 45%;
    margin: 10px 0px;
    text-align: center;
    margin-left: 4%;}
#setting .list .foot{padding:0px 10px;}
#setting .list .foot button.btn{        width: 45%;
    margin: 10px 5px;
    font-size: 14px;
    height: 35px;}
/*������ҳ*/
#wr_banner{padding-bottom:35px;}
#wr_banner:before{content:"";    width: 100px;
    height: 100%;
    position: absolute;
    z-index: 1000;
    background: #fff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}#wr_banner:after{content:"";    width: 100px;
     height: 100%;
     position: absolute;
     z-index: 1000;
     background: #fff;  /* fallback for old browsers */
     background: -webkit-linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));  /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     right: 0px;
     top: 0px;
 }
.table-bordered{border:1px solid #eee;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #eee;
}
#wr_banner	.swiper-slide {text-align: center;}
#wr_banner .swiper-slide .img_box{width:250px;height:250px;    padding: 20px;
    margin: 0px auto;border: 1px solid #eee;
}
#wr_banner .swiper-slide .img_box img{height:100%;width:auto;}
#wr_banner .swiper-slide .text{font-size:16px;color:#666;padding:10px;width: 250px;margin:10px auto;}
#wr_banner .swiper-slide-active .img_box	{ border: 10px solid #f9f9f9;}
#wr_banner .swiper-slide-active .img_box,#wr_banner .swiper-slide-active .text{background:#eee;color:#000;}
#wr_banner .swiper-slide .btn_box{display:none;}
#wr_banner .swiper-slide-active .btn_box{display:block;}
#bk_table thead th{font-size:20px;text-align:center;padding:15px;border:0px}
#bk_table tr td{text-align:right;padding:15px;font-size:16px;}
#bk_table tr .short{width:200px;text-align:left;}
.wr_comment .binfo_title{padding:15px;font-size:20px;text-align:center;border:1px solid #eee;border-bottom:0px;font-weight:bold;}
.wr_comment .comment_list li .list_top{padding-bottom:10px;padding-top:5px;}
.wr_comment	.comment_list .list_text{position:relative;}
.wr_comment	.comment_list .list_text a.more{background: #fff;
    position: absolute;
    right: 0px;
    bottom: 0px;
    color: #d21313;
    z-index: 100;
    padding: 0px 3px;}

.writer_main .main_content{margin-top:20px;display:none;}
.writer_main .content_show{display:block;}

/*���˵���*/
.user_alltitle{    padding: 12px 0px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;padding-top:20px}
.user_alltitle span{    font-size: 16px;
    padding: 15px 30px;
    color: #fff;
    background: #0f7eec;}
.userinfo .control-label{font-size:16px;color:#666;}
.userinfo .form-group{margin-bottom:30px;}
.userinfo .form-control{border:1px solid #eee;}
.userinfo .radio label::before{margin-top:0px;}
.userinfo .radio label::after{top:3px;}
.btn-warning{    background: #ffa500}
.user_alltitle .points_tright,.books_bottom .points_tright{ display:block;
    background: transparent;padding:0px;
    color: #999;    margin-top: 20px;}
.user_alltitle .points_tright b{color:#ffa500;}
#points_table tr td,#points_table thead th{padding:10px;text-align:center;}
#points_table thead th{font-size: 16px;
    background: #cee3f5;
    color: #125fac;}
.my_message li .list_top{padding-bottom:5px;padding-top:5px;}
.my_message li .list_top .name{color:#999;font-weight:normal;}
.my_message  .list_text{border:0px;padding-top:5px;}
.my_message  li{padding:10px 20px;}
.user_alltitle a {
    /*float: right;*/
    margin: 0px;
    margin-top: -8px;
}
.user_alltitle a#comment_btn{float:right;}
.comment_list .list_text .comlist_img{width:100px;height:100px;padding:10px;border:1px solid #eee;text-align:center;background:#fff;}.comment_list .list_text .comlist_img img{height:100%;width:auto;}
/*��ʾ��ʽ�л�*/
.user_somelist {display:none;}
.user_somelist_show{display:block}
.user_alltitle span.small_size,.books_bottom span.small_size{font-size:14px;}
.books_bottom .small_size{letter-spacing: initial;}
.user_alltitle a.show_type,.books_bottom a.show_type{margin:0px;color:#666;margin-left:15px;}
.user_alltitle a.sh_active,.user_alltitle a.show_type:hover,.books_bottom a.show_type:hover,.books_bottom a.sh_active{color:#0f7eec}
.user_somelist .some_img{text-align:center;}
.user_somelist .some_img img{
    /*width: auto;*/
    height: 160px;}

.user_somelist .collect_btn {    text-align: center;}
.user_somelist .collect_btn a i{color:#ffa100;font-size:20px;margin:10px;}
.user_somelist .collect_btn a p{color:#999;}
.user_somelist .collect_btn a:hover p{color:#ffa100;}
#page-content-wrapper  .books_bottom .ah-tab{border-bottom:1px solid #eee;}
.books_bottom .ah-tab-item span.number{    padding: 5px 9px;
    background: #fff;
    color: #0f7eec;
    border-radius: 100%;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;}
.user_somelist .ah-tab-content-wrapper{margin:0px;}
.user_somelist .ah-tab-content-wrapper .ah-tab-content{border:0px;padding: 10px 20px;}
.user_somelist .resource_list li{padding:10px 0px;border-bottom:1px solid #eee;}

.user_somelist .comment_list li,.user_somelist .resource_list .comment_list li{padding:10px 20px;margin:0px;}
.user_somelist .comment_list{    margin-top: 3px;}
.user_somelist .comment_list li .list_top{padding-bottom: 10px;}
.user_somelist .comment_list .list_text{     -webkit-box-orient: block-axis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;   padding-top: 5px;}
#list_short .comment_list .list_text{ -webkit-line-clamp: 2;}

.user_somelist .roc_img{text-align:left;padding-left: 0px;
    padding-right: 0px;}
#list_short	.roc_img{padding-right:10px;    width: 50px;}
.books_bottom .num_sbook{margin-left: 10px;
    color: #999;}
.books_bottom .num_sbook b{color: #ffa500;}
.user_alllist .list_content .title{font-size:18px;}
.books_list .gift_wh img{width:150px;height:150px;}
.user_somelist .gift_state{    text-align: right;
    font-size: 16px;}
 .resource_list .some_img a{position:relative}

.utop_box .safy_box .mainbox{    background: #f9f9f9;text-align: center;
    padding: 15% 20px;color:#0f7eec;    margin: 10px;

}
.utop_box .safy_box .mainbox i{font-size:2em;}
.utop_box .safy_box .mainbox h4{font-weight:bold;font-size:20px;}
.utop_box .safy_box .mainbox p{    margin: 0px 30px;color:#666;    margin-top: 20px;}
.utop_box .safy_box .mainbox .no{    color: #f44336;
    position: absolute;
    left: 45%;
    margin-top: 10px;}
.utop_box .safy_box .mainbox .yes{    color: #09d247;
    position: absolute;
    left: 45%;
    margin-top: 10px;}
.utop_box .safe_btn{text-align:center;}
.utop_box .safe_btn .btn{  margin: 20px auto;
    padding: 10px 10%;
    width: auto;
    font-size: 16px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px 0px #0f7eec;
} .utop_box .safe_btn .red_btn{box-shadow: 0px 0px 10px 0px #d51002;
      background: #e21e10;}
.utop_title{    padding: 0px 15px;
    margin-bottom: 10px;color:#999;}
.utop_title .time{    color: #2f90f1;
    margin-left: 10px;}
.bs-example-modal-sm .modal-footer button.btn{    margin: 0px 10px;
    width: 80px;
    font-size: 14px;
    height: 35px;}
.screen_form h3{    color: #f61100;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;}
.screen_form h3.blue{color:#0f7eec}
.screen_form h3:before{position: absolute;
    left: 25px;  font-family: "Font Awesome 5 Free";  content: "\f0a4";}
.user_wrapper .screen_form select.input_control{padding-bottom:10px;}
.user_wrapper .last_reg label{text-align:right;}
.left-content ul li .time{    color: #999;
    display: block;}

.ninfo_title {padding-bottom:10px;text-align:center;border-bottom:1px solid #eee;margin-bottom:20px;}
.ninfo_title p{margin:0px ;margin-top:15px;}
.ninfo_title span{color:#999;margin:0px 20px}
.ninfo_title span.text{margin:0px;color:#333;}
.ninfo_content{padding:0px 20px;font-size:16px;line-height:30px;    margin-bottom: 30px;    overflow: auto;}
.ninfo_content p{text-indent:2em;}

.ninfo_content .img_center{text-align:center;padding:10px;}

.ninfo_comtop{    position: relative;
    padding: 20px;
    font-size: 18px;
    color: #106abe;
    box-shadow: inset 0px -6px 20px #eee;font-weight:bold;  }
.ninfo_comtop a{position:absolute;right:10px;bottom:16px;}
.binfo_news{padding-top:10px;}
/*����ȫ��*/
.search—type{background:#eee;padding: 15px;font-size:16px;}
.search—type .search-tab{padding: 0px;}
.search—type .search-tab .search-tab-item{padding:12px 20px;border-bottom:5px solid transform;color:#999;}
.search—type .search-tab .search-tab-item:hover{color:#333;}
.search—type .search-tab .active{border-bottom:5px solid #0f7eec;font-weight:bold;color:#000;}
.search—type-wrapper  .search—type-content{display:none;}
.search—type-wrapper .type_show{display:block;}
.search—type-wrapper  .books_search{    margin-top: 30px;}
.search—type-wrapper .news_search{margin-top:30px;}
/*spoc��ʽ*/
.picList li .clone{    border: 1px solid #d6d6d6;margin:0px 15px;}

.picList li .pic .platform {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOWJjMDkxNi1jMzU1LTQ5MzYtOGIwNy0xYzYwODBjZjhmZTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTIyRTlBMUZFMjZGMTFFOEI1NUJCQTc4ODlBRjZGMzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTIyRTlBMUVFMjZGMTFFOEI1NUJCQTc4ODlBRjZGMzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmOWVmMDhmYy00MWYzLTQ3YmMtOTA2YS00ZmNhYzc1ZGRjMTIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1OGIwYTIzZi1lMzI1LTExN2ItYWRiOS05ZmEwNTFlNTFhNWQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/Q5zfAAAEsElEQVR42uTaa2gUVxQH8JM0oa6KrkmjMWCqRo3P9QGm1kez2ggqoqiJiMGApj6KGj9IFESi1g/i44sphWINgi+UKOITkfgWxQjah48krVQMGj8ojaBu1A/x/C+5y2S6szszu5uZu95wmM0+mP3lnHPvnSEpra2tZDSKBu6gMOMLjq85BnGkc6SS+8etFIsf6MIxl2MeRz6Hl9QZpzkOmwWncazlWMnRndQbwBZW/73uQ3K4dx37Zz0OJRx1HBvsYr8vGUre3h7HsfglyaiHuX8782EPR3E0Z5u1egwtKiug89V3qGrDZUexGMkG2B58qIkVtqnxFd2vfUrD/FmOYkNmuC2zFznG2TlLti+NNu5ZQLcvPaJpRWMF9lDlFVq5ZaZ4ffuaanpw5bkjWKMM77eLlaOTJzUk1tP5S1q/u6hDsBwfQr2YosvuirYlx/YYld9XwAScj9rM5ozIpOwBPR3DtgMzthe+l52zoDczs73UpXunYM/erHlE8xZPpMC79/TLpjO0vGI6Nf77knaWnnQMq89wBUc3O2cq/HECDR/TTzzWlrHEFpf5qXefdBHlVbPjgTaFDfYwZxd1tsTu2er/eBZ83PDXs2AZS6w3vSvtKj9O/716Q3nf5dKq3dNEVcRo1jaN1WZ4IVrO7tKD0kVmMfJn+NplFljZvz34MV7DkJNXlLO2Jax2lp4f7TqLMva2gUJh8b7aa/Xi9zx/LjVztiXcZqYtYwWYy7krH/PsnFGLDVXGeuy5A3cEENiK4sPivXKpwvodb6ws6dFtl3qWx69bz9CLp83iC+OLb156UExgmJwOVNaExWLgD4OKaAl87BCsBA+y20AX9z8UFwVAADx5jo/u3XgsZuzCHyaJ54ywPx1aGKwCCz0cFVb28FdWPgBg5aVS0b8YzU0BgZCT1qmf74rsys2Hm7Aywx4rWHxZlCxKVQKBLptSFXwfnhP7at5VuQlreLUUCYtLPfQe0DLT+vH71SdiNkZ/ugUr7ksNTZvq56M/1IubjhbRiEnZ1MAbC4lFuR7Zdosa6hrJP8tHI7/pT+8pQPW1Te0+m8R/ym+n51JGppc+8k9J+ZQOx84vm2AtwzmDs8jHIC1WluuMRWPbLU/6TGt7GxsTpzNrCnz17J9id6THYj+MLSJmYCxFRuWtn9Ccxv7v8lDfsyPH9RePjbDyIuBx3XOxFGknMj26W4bHcawhWDtBRcLiOWCRRZStERrhNNawpCX2+L4bEbF4DlhkET0aafZ2EmsIxoU6xviCISLbZrDIILaScsMhM+0mrGFJAyVBleeXBbeI4bDyygkZPrb3Or193eI6bNhJS4sG4reNF0xh3bD02F6WgEZmkWH0tepYU1tLicYkpjrW9F5aokPd7VAJG7aHw/X0jhOLg/enVMJaulrSZhpYeTtHJaxlsL683zQHlMJaKmk9GncaTWbXNVhbGZZDRWxUYBWx8QS7EhsvsGux8QC7GhtrsOuxsQQrgY0VWBlsLMBKYaMFK4eNBqwk1i5YWawdsNJYq2DlsVbACYE1C04YrBlwQmEjgRMOGw6ckFgjsOE/VyciOKGxenDCY7XgzwIrwTWfCxbjkwADAE0MDn38H4KxAAAAAElFTkSuQmCC) no-repeat;}
.picList li .pic{height:200px;position:relative;}
.picList li .pic .sign{    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;}
.picList li .pic img{    height: 200px;width:100%;}
.picList li .middle{
    padding: 10px;background: #fff;    text-align: center;
    border-top: 1px solid #eee;cursor: pointer}
.picList li .middle p{    text-align: center;margin:0px;}
.picList li .middle .en{    color: #999;
    margin-top: 20px;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.picList li .middle .cn{    color: #606060;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.picList li .middle .title{    display: inline-block;
    color: #000;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    height: 40px;
    width: 100%;text-align: left;}
.picList li .middle .count{
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;}
.picList li .fl {
    float: left;
}.picList li .fr {
     float: right;
 }.picList li .middle .star{
      display: inline-block;
  }
.picList li .middle .count:after{content: "";
    position: relative;
    bottom: -15px;
    left: 103px;
    width: 34px;
    height: 3px;
    background: #f0b21d;}
.picList li .middle .star .off {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOWJjMDkxNi1jMzU1LTQ5MzYtOGIwNy0xYzYwODBjZjhmZTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjE2OUI1MUJBNkEyMTFFOEE1RDZGNkFGRDMwMDlDOEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjE2OUI1MUFBNkEyMTFFOEE1RDZGNkFGRDMwMDlDOEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OGZlZmRhMi00OWQzLTRjM2EtODZhNC1mYWVmYWU2NDg0YWUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZDhmN2U0ZS1kYTRmLTExN2ItYThkNy1hODRiMTNlODVhOGEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6k8bAPAAAArUlEQVR42mK8du0aAxYgA8QqQHwAXYKJATsoAeIZ2CSwaZAE4nQgVgdiC2I0lAMxB5Q9F12SBYhDoKaB3KwMxOZI8lpA/BGIXwHxAyC+CNIgCsQtDLgBHxSDDHwDctJ0IM4A4n8M+MEKII6E+WEmECfhUbwKpBjd05fxaNiNLZR08WiwxaZBB0pfAGIfIK4F4u9QMT1sGtiAOAKIjYB4KzTkeIC4F4iZYYoAAgwAW4sZXMK29VIAAAAASUVORK5CYII=) no-repeat;
}.picList li .middle .star .on{
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiOWJjMDkxNi1jMzU1LTQ5MzYtOGIwNy0xYzYwODBjZjhmZTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJBQTM5NzlBNkExMTFFODlERTJDQThBMkUxQTQ0MDUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJBQTM5NzhBNkExMTFFODlERTJDQThBMkUxQTQ0MDUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OGZlZmRhMi00OWQzLTRjM2EtODZhNC1mYWVmYWU2NDg0YWUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo3ZDhmN2U0ZS1kYTRmLTExN2ItYThkNy1hODRiMTNlODVhOGEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hfMmCAAAAt0lEQVR42mJgwAI+bJaRAWIHbHJMDNhBCRDPwCbBiMV0SSB1D4g5gNhSwPfJCUI2lEMVg8BcDBuAJoYAaXUgVgFiZSA2B2I2JDWfgPgVED8A4ossQEIUiFsYcAM+KAYZ+IYR6u50IDUNTyCAwAqgfyIZkTwbD6QW4FC8Cqg4HN3Tl/GYvhtbKOni0WCLTYMOlL4AxD5AXAvE36Fietg0gIIyAoiNgO7dCsSgkOMB4l4gZoYpAggwALmnJvACcgwFAAAAAElFTkSuQmCC) no-repeat;

 }.picList li .middle .star span {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin-right: 2px;
  }.picList li .bottom{
       margin: 16px 20px;
   }.picList li .bottom .right {
        margin-right: 0;
        color: #46b017;
    }

/*�����-�齱*/
#tp_bk{background:url(../images/r_bg.jpg) no-repeat;background-size:cover;padding:20px;}
.TurntablePage .TurntableBox {
    text-align: center;
}

.TurntablePage .TurntableBox .turnplate {
    width: 8.26666667rem;
    height: 8.26666667rem;
    margin: 0 auto;
    position: relative;
}
.TurntablePage .TurntableBox .turnplate canvas {
    width: 100%;
    height: 100%;
    background: url(../images/round_background.gif);
    background-size: cover;
    padding: 10px;
    box-sizing: border-box;
}
.TurntablePage .TurntableBox .turnplate img {
    width: 2rem;
    position: absolute;
    left: 50%;
    top: 2.3rem;
    transform: translateX(-50%);
}
.TurnTile{position:relative;    text-align: center;
    padding: 3%;}
.TurnTile span{letter-spacing: 5px;
    color: #ffe76b;
    font-size: 3em;
    font-weight: bold;
    text-shadow: 3px 3px 0px #9d5603;}
.TurnTile .turn_btn{    position: absolute;
    right: 0px;
    background: #f1d702;
    border-radius: 5px;
    padding: 10px 15px;
    color: #fff;
    font-size: 16px; font-weight:bold;
    background: -webkit-linear-gradient(#ff8d00, #f6c029);
    background: -o-linear-gradient(#ff8d00, #f6c029);
    background: -moz-linear-gradient(#ff8d00, #f6c029);
    background: linear-gradient(#ff8d00, #f6c029);
    border: 2px solid #ffd400;}
.TurnTile .turn_btn img{height: 20px;
    width: auto;
    margin-right: 5px;
    box-shadow: 0px 0px 3px #d46c00;
    border-radius: 100%;}
.TurnTile .turn_btn:hover{    border-color: #fff;
    text-decoration: none;
    box-shadow: 0px 0px 20px 0px #ffeb00;}
.my_points{    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;}
.my_points .rt_points{float:right;}
.round_right	{
    font-size: 16px;
    padding: 0px;}
.my_prize img{height:100px;width:auto;padding:10px;}
.my_prize{text-align:center;padding:20px;background: rgba(255, 255, 255, 0.7);border:1px solid #fff;}
.round_list{background: rgba(255, 255, 255, 0.7);}
.round_list li{    border: 1px solid #eee;}
.round_right .title{  text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #eee;
    padding: 10px;
    background: #fcac16;
    box-shadow: 0px 0px 10px #744f0c;
    color: #ffffff;}
.round_list li .round_box{    padding: 20px 10px;    padding-bottom: 15px;
    margin: 10px;
    text-align: center;
    font-size: 14px;}
.round_list li .round_box img{margin-bottom: 10px;
    height: 100px;
    width: auto;}
.round_list li .round_box p{    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 2px}
.pd_bt{padding-bottom:40px;}
.add_address {text-align:center;margin-top:20px}
.add_address img{width:45px;height:auto;}
.add_address a{    padding: 10px;
    background: #fff;
    border-radius: 5px;
    color: #ffaf14;    border-bottom: 2px solid #fff;}
.add_address a:hover{border-bottom:2px solid #ffaf14;text-decoration:none;box-shadow: inset 0px 0px 5px #999;}
.prompt{display:none;    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    color: #ffff;
    width: 20%;
    margin: 0px auto;
    height: 100px;
    top: 50%;
    left: 40%;
    text-align: center;
    font-size: 20px;padding-top: 35px;}

.pagination .jump input[type="text"]{border: 1px solid #ddd;
    width: 50px;
    padding: 3px;
    outline: none;
    margin: 0px 5px;}
.pagination .jump input[type="button"]{    margin-left: 10px;
    background: #bfbfbf;
    color: #fff;
    border: none;
    padding: 3px 10px;outline:none;}
.pagination .jump input[type="button"]:hover{background:#0f7eec}
.rscreen_box .box_topmg select.input_control{    padding-bottom: 5px;
    width: 188px;
    margin-left: 0px;}
/*ͶƱ����*/
.auto_fs{font-size:16px;line-height:25px;}
.auto_fs p{margin-bottom:10px;}
#roul_box .modal-header{background:#ff9b00}
#roul_box .modal-title,#address_box .modal-title{font-size:18px;}
.btn_four i {
    font-size: 10px;
    margin-right: 5px;
}.pagination .jump{display:none;}
#address_box .modal-body{font-size:16px;    padding: 20px 30px;}
textarea.form-control{resize:none;}
.xs_bcontent .list img{    padding: 15px;
    border: 1px solid #eee;    border-radius: 5px;height: 180px;}
#bkheight .list img{height:210px;}

/*�ڿ�*/
.journal_tbox{    background: #fbfbfb;
    padding: 20px 0px;
    margin: 0px;}
.j_top{    height: auto;}
.j_top h4{    margin: 20px 0px;    font-weight: bold;
    text-align: center;}
.j_top	.j_contact{
    padding: 5px;display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;}
.j_top	.j_contact i{    margin-right: 10px;
    color: #dfd2d2;
    font-size: 18px;}
.j_top	.j_contact span{    margin: 10px;}
.j_top	.j_contact .wbf_1{font-size: 14px;
    color: #b53939;
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    padding-top: 0px;}
.j_top  .text{    padding: 10px 8px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #eee;
    height: 158px;
    overflow: hidden;}
.j_top  .text p{     text-indent: 2em;
    margin: 0px;
    -webkit-box-orient: block-axis;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -o-box;
    display: box;
    position: relative;
    line-height: 28px;}
.j_top  .text a{    position: absolute;
    bottom: 10px;
    left: 35%;}
.j_top .j_imgbox{     background: #eaeaea;
    text-align: center;
    padding: 10px;
    height: 150px;
    color: #a94442;
    font-size: 12px;}
.j_top .j_imgbox img{      width: 90px;
    height: auto;
    padding-top: 12px;
    padding-bottom: 10px;}
.j_top .j_imgbox p{margin:0px;}

.j_bk{display:block;background:url(../images/j_bk.jpg) no-repeat;    background-size: cover;position:relative;    font-weight: bold;}
.j_bk	p{        text-align: center;
    padding: 20px;
    font-size:24px;
    color: #a50000;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    top: 32%;padding-bottom: 15px;}
.j_bk	p i{ font-size:1.2em;padding-bottom: 10px;}
.journal_list li a{font-size: 18px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    padding: 10px 0px;
    color: #333;
    border-bottom: 1px solid #eee;}
.journal_list li:last-child a{border:0px;}
.journal_list li a:hover{font-weight:bold;}
a.j_bk:hover p{ background: rgba(165, 0, 0, 0.5);color:#fff;}

/*ר���Լ�רҵ����*/
.tminfo_top{    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;}
.tminfo_top .title{    font-size: 1.5em;
    font-weight: bold;}
.tminfo_top .text{padding: 15px 20px;
    border: 1px solid #eee;
    margin: 10px 0px;}
.border_sol{border:1px solid #eee;}
.imp_left ul li{    padding: 15px 5px;border-bottom:1px solid #eee;}
.imp_left ul li:last-child{border:0px;}
.imp_right{padding:10px;overflow:auto;}

.xs_bcontent .round_img img{    border-radius: 100%;
    height: 150px;
    width: 150px;
    padding: 5px;}
.xs_bcontent .round_img a{text-align: center;
    display: block;}
.xs_bcontent .round_img a span{color:#999;}


/*��Դ�ϴ�*/
.upload_qlist li{margin-bottom:11px;}
.upload_qlist li span{font-size:16px;    line-height: 30px;}
.upload_qlist li span.number	{background: #39bff2;
    padding: 3px 6px;
    color: #fff;
    margin-right: 10px;
    border-radius: 100%;
    font-size: 12px;
    font-weight: bold;}
.form-file {
    position: relative;
    display: inline-block;
    background: #0f7eec;
    border-radius: 4px;
    padding: 8px 15px;
    color: #ffffff;
    text-decoration: none;
    text-indent: 0;
    line-height: 20px;
}
.form-file input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
}
.form-file:hover {
    background: #126ac2;
    text-decoration: none;
    color: #fff;
}
#upload_file{color:#999;margin-left:5px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.resup_list li{font-size:16px;}
.resup_list span{margin-left:10px;font-size:14px;color:#999;}
.up_toptitle	{    font-size: 16px;
    border-bottom: 1px dashed #cacaca;
    padding-bottom: 10px;
    color: #a3a3a3;}
.up_toptitle span{font-weight:bold;color:#0f7eec;margin:0px 10px}
.none_box{    background: url(../images/nonebg.png) no-repeat;
    height: 200px;
    width: 200px;
    background-size: cover;
    margin: 15% auto;}
/*��Ʒ����*/
.buy_box .number_box {cursor:pointer;}
.buy_box .number_box a i{color:#abb9cc;}
.buy_box .number_box a:hover i{color:#0f7eec}
.buy_box .number_box input{        width: 50px;
    margin: 0px 10px;
    padding: 5px 10px;
    border: 1px solid #eee;
    outline: none;
    text-align: center;}
.buy_box .number_box span{margin-right:10px;color:#999;font-size: 16px;}
.gift_fg{border-bottom: 5px solid #f3f3f3;
    padding-bottom: 10px;    padding-bottom: 20px;
    padding-top: 10px;}
#gift—box .top_gift{    padding-left: 40px;
}#gift—box .top_gift img{padding:10px; border: 1px solid #eee;}
#gift—box .gift_fg .title{font-weight:bold;font-size:18px;margin-bottom:15px;margin-top:5px;}
.red_points{color:#eb4141}
.oth_number{margin-right:20px;color:#999;}

.gift_more_ah{    margin: 0px -15px;}
.gift_more_ah .ah-tab-content{border:0px;border-top:1px solid #eee;padding:30px 0px;}
/*��Ŀ����*/
.bkdl_top {
    background: url(../images/bkdl.jpg) no-repeat 50% 50%;
    height: 100px;
    background-size: cover;
    padding: 20px;
    color: #fff;
}
.bkdl_top  h3{    font-weight: 900;
    font-family: '宋体';}
.bkdl_top  h3 span{       padding: 10px;
    background: #fdf5d7;
    color: #d31616;
    font-weight: bold;
    margin-right: 10px;
    box-shadow: -3px 0px 0px 5px #a80000;}
.bkdl_main li{    padding: 20px;
    position: relative;
    padding-left: 60px;
    border-bottom: 1px #eee dashed;}
.bkdl_main li:before{    content: "";
    background: url(../images/bkdl_icon.png) no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    position: absolute;
    top: 14px;
    left: 15px;}
.bkdl_main li:last-child{border:0px;}
.bkdl_main li a{color:#c85858;font-size:18px;}
.bkdl_main li a:hover{text-decoration:underline;color: #d74609;}
.bkdl_main li a i{float:right;   }
.bkdl_main{margin-top: 5px;
    border-top: 3px solid #895631;
    padding-top: 10px;}

/*��ϵ����*/
.contact_box{border: 1px solid #ddd;
    padding: 10px 20px;
    padding-top: 30px;
    border-radius: 5px; margin: 30px 0px;}
.contact_box .contact_top{background: #fff;
    position: absolute;
    top: -20px;
    padding: 5px;
    font-size: 16px;
    color: #125fac;
    font-weight: bold;
    letter-spacing: 5px;
    left: 15%;
    right: 15%;
    text-align: center;
    border: 1px solid #125fac;}
.other_btn{display:none;}

.ewm_login {
    display: none;
    text-align: center;
    color: #0a0a0b;
    padding-top: 40px;
    padding-bottom: 40px;
}
.ewm_login h4{font-weight:bold;font-size:18px;}
.ewm_login img{width: 181px;
    height: 180px;
    padding: 10px;}
/*���ض���*/

/* Start the loader code, first, let's align it the center of screen */
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -mos-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align:center;
    /* disable selection and cursor changes */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}

/* Text align it the center of screen and connect the looped animation for 2 seconds */
.loader	.text{
    position: absolute;
    left: -1.3em;
    top: -1.7em;
    -webkit-animation: text 2s infinite;
    -moz-animation: text 2s infinite;
    -moz-animation: text 2s infinite;
    -ms-animation: text 2s infinite;
    -o-animation: text 2s infinite;
    animation: text 2s infinite;
    width: max-content;
    font-weight: bold;
    color: #999;
    font-size: 18px;
}

/* Set for the first layer vertical position */
.loader	.vertical{
    position:absolute;
    top: -1.84em;
    left: -0.4em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Set for the second layer horizontal position */
.loader	.horizontal{
    position:absolute;
    top:0em;
    left:0em;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* The next two classes do mirror for animation */
.loader	.circlesup{
    position:absolute;
    top: -4.7em;
    right: 12.1em;
}

.loader	.circlesdwn{
    position:absolute;
    top:2.5em;
    right:-13.5em;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Create a container for our circles, rotate it 45 degrees and set animation*/
.loader	.circle {
    position: absolute;
    width: 15em;
    height: 15em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: orbit 2s infinite;
    -moz-animation: orbit 2s infinite;
    -moz-animation: orbit 2s infinite;
    -ms-animation: orbit 2s infinite;
    -o-animation: orbit 2s infinite;
    animation: orbit 2s infinite;
    z-index:5;
}

/* Style's of our circles */
.loader	.circle:after {
    content: '';
    position: absolute;
    width: 2em;
    height: 2em;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    background: #0e62b5; /* Pick a color 1*/
}

.loader	.circle:nth-child(2) {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms;
    z-index:4;
}

.loader	.circle:nth-child(2):after  {
    background: #3087de; /* Pick a color 2*/
    -webkit-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}

.loader	.circle:nth-child(3) {
    -webkit-animation-delay: 225ms;
    -moz-animation-delay: 225ms;
    -ms-animation-delay: 225ms;
    -o-animation-delay: 225ms;
    animation-delay: 225ms;
    z-index:3;
}

.loader	.circle:nth-child(3):after  {
    background:#40bcda; /* Pick a color 3*/
    -webkit-transform: scale(0.6,0.6);
    -moz-transform: scale(0.6,0.6);
    -ms-transform: scale(0.6,0.6);
    -o-transform: scale(0.6,0.6);
    transform: scale(0.6,0.6);
}

.loader	.circle:nth-child(4) {
    -webkit-animation-delay: 350ms;
    -moz-animation-delay: 350ms;
    -ms-animation-delay: 350ms;
    -o-animation-delay: 350ms;
    animation-delay: 350ms;
    z-index:2;
}

.loader	.circle:nth-child(4):after  {
    background:#ffc643; /* Pick a color 4*/
    -webkit-transform: scale(0.4,0.4);
    -moz-transform: scale(0.4,0.4);
    -ms-transform: scale(0.4,0.4);
    -o-transform: scale(0.4,0.4);
    transform: scale(0.4,0.4);
}


.loader	.circle:nth-child(5) {
    -webkit-animation-delay: 475ms;
    -moz-animation-delay: 475ms;
    -ms-animation-delay: 475ms;
    -o-animation-delay: 475ms;
    animation-delay: 475ms;
    z-index:1;
}

.loader	.circle:nth-child(5):after  {
    background: #e63200; /* Pick a color 5*/
    -webkit-transform: scale(0.2,0.2);
    -moz-transform: scale(0.2,0.2);
    -ms-transform: scale(0.2,0.2);
    -o-transform: scale(0.2,0.2);
    transform: scale(0.2,0.2);
}

/* Animation keys */
@-webkit-keyframes orbit {
    0%		{ -webkit-transform:rotate(45deg); }

    5%		{ -webkit-transform:rotate(45deg);
        -webkit-animation-timing-function: ease-out; }

    70%		{ -webkit-transform:rotate(405deg);
        -webkit-animation-timing-function: ease-in; }

    100%	{ -webkit-transform:rotate(405deg); }
}

@-moz-keyframes orbit {
    0%		{ -moz-transform:rotate(45deg); }

    5%		{ -moz-transform:rotate(45deg);
        -moz-animation-timing-function: ease-out; }

    70%		{ -moz-transform:rotate(405deg);
        -moz-animation-timing-function: ease-in; }

    100%	{ -moz-transform:rotate(405deg); }
}
@-ms-keyframes orbit {
    0%		{ -ms-transform:rotate(45deg); }

    5%		{ -ms-transform:rotate(45deg);
        -ms-animation-timing-function: ease-out; }

    70%		{ -ms-transform:rotate(405deg);
        -ms-animation-timing-function: ease-in; }

    100%	{ -ms-transform:rotate(405deg); }
}

@-o-keyframes orbit {
    0%		{ -o-transform:rotate(45deg); }

    5%		{ -o-transform:rotate(45deg);
        -o-animation-timing-function: ease-out; }

    70%		{ -o-transform:rotate(405deg);
        -o-animation-timing-function: ease-in; }

    100%	{ -o-transform:rotate(405deg); }
}

@keyframes orbit {
    0%		{ transform:rotate(45deg); }

    5%		{ transform:rotate(45deg);
        animation-timing-function: ease-out; }

    70% 	{ transform:rotate(405deg);
        animation-timing-function: ease-in; }

    100%	{ transform:rotate(405deg); }
}


@-webkit-keyframes text {
    0%		{-webkit-transform:scale(0.2,0.2);
        -webkit-animation-timing-function: ease-out; }

    40%,60%{ -webkit-transform:scale(1,1);
        -webkit-animation-timing-function: ease-out;  }

    70%,100%{ -webkit-transform:scale(0.2,0.2);  }
}

@-moz-keyframes text {
    0%		{-moz-transform:scale(0.2,0.2);
        -moz-animation-timing-function: ease-out; }

    50%		{ -moz-transform:scale(1,1);
        -moz-animation-timing-function: ease-out;  }

    60%		{ -moz-transform:scale(1,1);
        -moz-animation-timing-function: ease-out;  }

    100%	{ -moz-transform:scale(0.2,0.2);  }
}

@-mos-keyframes text {
0%		{-mos-transform:scale(0.2,0.2);
    -mos-animation-timing-function: ease-out; }

50%		{ -mos-transform:scale(1,1);
    -mos-animation-timing-function: ease-out;  }

60%		{ -mos-transform:scale(1,1);
    -mos-animation-timing-function: ease-out;  }

100%	{ -mos-transform:scale(0.2,0.2);  }
}

@-o-keyframes text {
    0%		{ -o-transform:scale(0.2,0.2);
        -o-animation-timing-function: ease-out; }

    50%		{ -o-transform:scale(1,1);
        -o-animation-timing-function: ease-out;  }

    60%		{ -o-transform:scale(1,1);
        -o-animation-timing-function: ease-out;  }

    100%	{ -o-transform:scale(0.2,0.2);  }
}

@keyframes text {
    0%		{ transform:scale(0.2,0.2);
        animation-timing-function: ease-out; }

    50%		{ transform:scale(1,1);
        animation-timing-function: ease-out;  }

    60%		{ transform:scale(1,1);
        animation-timing-function: ease-out;  }

    100%	{ transform:scale(0.2,0.2);  }
}
#resource_search .ah-tab-content-wrapper{position: relative;    min-height: 600px;}
.swiper-slide{height:1px} /* ����ָ��һ��heightֵ���� */
.swiper-slide-active { height:auto}

/*ͼ�����ҳ��*/
.btype_top{    background: #116cbd;
    padding: 15px 20px;
}
.btype_top a{ color: #fff;font-size:16px;}
ul.bmenu_list li a{color:#148af4;}

ul.bmenu_list li{padding: 20px;
    font-size: 18px;
    background: #f9f9f9;
    border-bottom: 1px solid #eeee;}
ul.bmenu_list li.active{background:#fff;}

ul.bmenu_list li img{width:30px;margin-right:15px;}
ul.bmenu_list li a i{color: #d2d1d1;
    margin-top: 6px;
    float: right;}

ul.bmtype{
    margin-top: 10px;
    border-top: 5px solid #f9f9f9;
    margin-bottom: -10px;
}
ul.bmtype li{    background: #fff;
    padding: 15px 0px;
    font-size: 16px;
    margin-left: 20px;
    list-style: outside;
    color: #999;}
ul.bmtype li.active{color:#148af4}
ul.bmtype li.active a{color:#148af4}
ul.bmtype li a,ul.bmtype li ul.bmtype_min li a{color:#999;}
ul.bmenu_list li:last-child,ul.bmtype li:last-child{border:0px;}
ul.bmtype_min	{    border-top: 1px #ddd dashed;
    margin: 10px 0px;margin-bottom:-5px;}
ul.bmtype_min li{border:0px;padding:10px 0px;padding-bottom:0px;list-style:none;margin-left:10px;}
ul.bmtype,ul.bmtype_min{display:none;}
ul.bmshow{display:block;}
#magnifier {display:none;}
.bk_div_hide{display: none;}
.picList .pd_none{margin-bottom:20px;}
.erwm a{    float: left;
    margin: 5px;
}
.foot_bottom .computer{display: none;}
.foot_bottom .phone{display: block;}
.sort_box .ah-tab-overflow-list{top:auto;}
.isbn_box{display:none;}
.pagin .paginList{position: relative!important;    right: 0px!important;
    top:0px!important;}
.pagin{height:auto!important;}
.pagin .message{margin-bottom:10px;}
.ninfo_content img {
    width: 100%;
    height: auto;
}
.pc_ir{display: none;}
.ph_ir{display: block;    position: absolute;
    right: 10px;
    top: 20px;}
.swiper-wrapper{height:auto;}
.resource_box .binfo_contents{    margin-bottom: 20px;
    padding-top: 0px;line-height: 30px;}
.xs_bcontent .list{margin-bottom:10px;}
.ah-tab-overflow-list{top:auto;}
.j_top .text br{display:none}
.btn.focus, .btn:focus, .btn:hover{color:#fff;}
#new_collect{padding:0px;}
.right_box{    position: absolute;
    z-index: 1000;
    top: 30%;
    left: 38%;
    right: 38%;}
.right_box img{    width: 100%;
    border-radius: 100%;
    box-shadow: 0px 0px 20px #bbb9b9;
    border: 5px solid #fff;}
.right_box_fiexd{position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);}
.resource_box pre{    background: transparent;    border: 1px solid #eee;    line-height: 25px;
    padding:6px 20px;
    border-left: 5px solid #eee;
    border-top: 2px solid #eee;}
.m-hide{display: none;}
.books_list_l{text-align: center}
.input_control2{
    outline: none;
    padding: 8px 10px;
    padding-left: 45px;
    box-shadow: inset 0px 0px 3px 0px #c1c6cc;
    border:0px;
}
.btn-loading{
    margin-top:10px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    height: 40px;
    line-height: 26px;
    background: #0f7eec;
    color: #fff;

}
.layui-mask{
    display: none;
    position: fixed;
    top: 45%;
    bottom: 40%;
    left: 10px;
    right: 10px;
    background: #fff;
    border-radius: 20px;
    padding: 30px;}
.slider-text{
    font-size: 14px!important;
    color: #195086!important;
}
.rh-right{
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-input-box .wbf_1{
    width:100%
}
.header-input-box .left-input{
    display: flex;
    flex: 1;
}
.linkman {
    font-size: 12px;
    width: 100%;
}
.linkman .link-flex{
    display: flex;
    align-items: center;
    padding:0px 5px;
}
.linkman .link-flex .img{
    width:80px;height:80px;
}
.linkman .link-flex .left-people div{
    padding: 5px 10px;
}
@media (min-width:768px) {
    .picList li .pic img{
        height: 150px;
    }
    .picList li .pic{
        height: 150px;
    }
    .header-input-box{
        display: flex;
    }

    .slider-text{
        font-size: 20px!important;

    }
.rh-right{
    font-size: 12px;
}
    .rh-right a{
        padding: 10px;
        background: #f1fbff;
        border-radius: 5px;
    }
    .rh-right a:hover{
        text-decoration: underline;
    }
    .layui-mask{
        display: none;
        position: fixed;
        top: 45%;
        bottom: 40%;
        left: 35%;
        right: 35%;
        background: #fff;
        border-radius: 30px;
        padding: 45px;
    }
    .bar-height{height:40px}
    .input_control2{
        outline: none;
        padding: 8px 10px;
        padding-left: 45px;
        box-shadow: inset 0px 0px 3px 0px #c1c6cc;
        border:0px;
    }
    .btn-loading{
        margin-top:0px;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        height: 40px;
        line-height: 26px;
        margin-left:20px;
        background: #0f7eec;
        color: #fff;
        width:100px;

    }
    .xs_bcontent .list img{height:220px}
    .xs_bcontent .list .name{height:auto;}
    .xs_bcontent .list .writer{color:#999;    height: auto;
        overflow: auto;}
    .hinfo_bg{height:200px;}
    .binfo_bg{height:200px;}
    .phoneShow{display: none}
    .m-hide{display: inherit;}
    .list_bk_center {
        -moz-column-count: 6; /* Firefox */
        -webkit-column-count: 6; /* Safari �� Chrome */
        column-count: 6;
        -moz-column-gap: 2em;
        -webkit-column-gap: 2em;
        column-gap: 2em;
        margin: 0px 10px;
    }

    .user_top .left span {
        font-size: 18px;
    }

    .user_top .left span.u_type {
        font-size: 14px;
        padding: 6px 12px;
    }

    .contact_box {
        margin: 20px 0px;
    }

    .contact_box .contact_top {
        top: 0px;
    }

    .main_title .title_text {
        font-size: 2em;
    }

    .j_top .text br {
        display: block;
    }

    .xs_title {
        padding: 20px 0px;
    }

    .binfo_qy {
        height: 150px;
    }

    .list_bk img {
        height: auto;
    }

    .list_bk_center img {
        height: 200px;
    }

    .list_bk_right img {
        height: 120px;
    }

    .resource_box .binfo_contents {
        padding: 10px 20px;
        height: 270px;
    }

    .resource_box .binfo_contents_show {
        height: auto;
        overflow: inherit;
    }

    .binfo_contents a, .binfo_qy a {
        left: 10px;
    }

    .binfo_text, .binfo_qy {
        padding: 10px 20px;
        padding-top: 10px;
    }

    .resource_box .new_title {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .resource_box .new_title span {
        font-size: 18px;
    }

    .new_day .mousebox {
        height: auto;
    }

    .pc_ir {
        display: block;
    }

    .ph_ir {
        display: none
    }

    .left-content ul li .time {
        float: none;
        margin-left: 10px;
        text-align: right;
    }

    .books_info .list_content .title {
        font-size: 1.6em
    }

    .pagin .paginList {
        position: absolute !important;
        right: 12px !important;
        top: -6px !important;
    }

    .pagin {
        height: 30px !important;
    }

    #resource_search {
        margin-top: 30px;
    }

    .resource_type .type_box a {
        padding: 25px;
    }

    .pagin .message {
        margin-bottom: 0px;
    }

    .resource_type .pd_none {
        padding: 0px 15px;
    }

    .isbn_box {
        display: block;
    }

    .resource_type .type_box h4 {
        font-size: 16px;
    }

    .resource_type .type_box p {
        display: block;
    }

    .foot_bottom .computer {
        display: block;
    }

    .foot_bottom .phone {
        display: none;
    }

    ul.qus_list li {
        width: 100%;
        float: none;
    }

    .foot_bottom {
        display: block;
    }

    .picList .pd_none {
        margin-bottom: 0px;
    }

    .bk_div_hide {
        display: block;
    }
    .keypoint .kp_content{    -webkit-box-align: center;}
    .kp_content .imgbox{border: 1px solid #eee;
        padding: 20px;}
    .kp_content img {
        height: 220px;
        width: auto;
    }

    .kp_content .title a {
        font-size: 18px;
    }

    #news_left .title p.date {
        display: block;
        margin: 0px;
        font-size: 14px;
        padding-top: 5px;
    }

    .resimg img {
        padding: 10px;
        border: 1px solid #eee;
    }

    /*��ƷͼƬ�Ŵ�*/
    #magnifier {
        position: relative;
        display: block;
    }

    .small-box {
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
        border: 1px solid #eee;
        height: 270px;
    }

    .small-box img {
        display: block;
        height: 100%;
        width: 100%;
        margin: 0px auto;
        padding: 10px;
        text-align: center;
    }

    .small-box .hover {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 200px;
        height: 200px;
        border: 1px solid #aaa;
        background: #0099ff;
        opacity: .5;
        filter: alpha(opacity:50);
        cursor: move;
    }

    .thumbnail-box {
        position: relative;
        width: 100%;
    }

    .thumbnail-box .btn {
        position: absolute;
        top: 50%;
        width: 12px;
        height: 22px;
        margin: 0px;
        margin-top: -16px;
        background-size: contain!important;
    }

    .thumbnail-box .btn-prev {
        left: -15px;
        background: url(../images/btn_prev.png) no-repeat;
    }

    .thumbnail-box .btn-next {
        right: -15px;
        background: url(../images/btn_next.png) no-repeat;
    }

    .thumbnail-box .list {
        overflow: hidden;
        width: 94%;
        margin: 0 auto;
    }

    .thumbnail-box .wrapper {
        width: 100000px;
    }

    .thumbnail-box .list .item {
        float: left;
        margin: 0 3.5px;
    }

    .thumbnail-box .list .item-cur {
    }

    .thumbnail-box .list .item img,.thumbnail-box .list .item video {
        border: 2px solid #eee;
        width: 60px;
        height: 60px;
        padding: 5px;
    }

    .thumbnail-box .list .item-cur img,.thumbnail-box .list .item-cur video {
        border: 2px solid #e53e41;
    }

    .big-box {
        display: none;
        overflow: hidden;
        position: absolute;
        left: 451px;
        top: 0;
        width: 540px;
        height: 540px;
        border: 1px solid #e4e4e4;
        z-index: 10000;
    }

    .big-box img {
        display: block;
        width: 150%;
    }

    /*end*/
    .j_top {
        height: 200px;
    }

    .j_top h4 {
        margin: 10px 0px;
    }

    .addqq img {
        height: 25px;
        width: auto;
        float: right;
        margin-top: -2px;
    }

    .upload_qlist li span {
        line-height: 24px;
    }

    .pagination .jump {
        display: inline-block;
        margin-left: 10px;
        line-height: 25px;
    }

    #books_banner img {
        height: 100%
    }

    .ninfo_content img {
        height: auto;
        width: 80%;
    }

    .user_somelist .roc_btn p {
        text-align: right;
        font-size: 16px;
    }

    .user_somelist .roc_img {
        margin-right: 20px;
    }

    .user_somelist .resource_list .list_content {
        margin-right: -20px;
    }

    .user_alltitle .points_tright, .books_bottom .points_tright {
        float: right;
        padding: 0px;
        background: transparent;
        color: #999;
        margin: 0px
    }

    .user_somelist .resource_list .download_btn, .user_somelist .books_list .download_btn {
        position: absolute;
        bottom: 0px;
        top: auto;
        right: 0px;
    }

    .books_bottom .points_tright {
        margin-top: 12px;
    }

    .user_alltitle {
        padding-top: 12px;
    }

    .user_somelist {
        margin-top: -10px;
    }

    #tj_unews .news_right {
        padding: 10px 20px;
    }

    .hot_comment .comment_list li {
        margin: 0px;
        padding-top: 5px;
    }

    #hot_box {
        height: 570px;
        overflow: hidden;
        padding: 20px;
    }

    .overlay {
        display: none;
    }

    #wrapper.toggled #page-content-wrapper {
        margin-right: -200px;
        position: relative;
        overflow: inherit;
        height: auto;
    }

    .utop_box .type_box a p {
        margin: 0px;
        padding-top: 5px;
        border-top: 1px solid #eee;
        font-size: 24px;
        font-weight: bold;
        color: #0f7eec
    }

    .utop_box .type_box a h4 {
        display: block;
        font-size: 16px;
        font-weight: bold;
        position: relative;
    }

    .utop_box .type_box a {
        margin: 0px 20px;
        margin-bottom: 0px;
    }

    .user_top .web_box {
        padding: 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -o-box-align: center;
        box-align: center;
    }

    .user_top .checking {
        margin-top: 0px;
    }

    .hamburger {
        background: transparent;
        border: none;
        display: block;
        height: 30px;
        position: absolute;
        top: 18px;
        width: 30px;
        z-index: 1000;
        left: -45px;
    }


    .user_wrapper .screen_form {
        padding: 45px 25px;
        padding-right: 0px;
    }

    .reg_btn {
        position: absolute;
        bottom: 0px;
        padding: 0px
    }

    .user_wrapper .right {
        border-left: 3px solid #e9d8d7;
    }

    .user_wrapper .right p {
        font-size: 14px;
    }

    .radio {
        padding-left: 20px;
    }

    .user_wrapper .screen_form .input_control {
        margin: 0px;
    }

    .user_wrapper {
        position: relative;
        width: 80%;
        background: rgba(255, 255, 255, 0.8);
        margin: 0px auto;
        box-shadow: 1px 0px 13px #000000;
        border-radius: 5px;
        margin-bottom: 10%;
    }

    #major_type .ah-tab-item {
        padding: 20px;
        width: 10%;
        text-align: center;
    }

    #major_type .ah-tab-overflow-list .ah-tab-item {
        width: auto;
        padding: 10px;
        text-align: left !important;
        margin: 10px;
    }

    .log_btn {
        right: 0px;
    }

    .topic_blist {
        margin-bottom: 0px;
    }

    .topic_blist .mg_onetop, .act_list .mg_onetop, .gift_list .mg_onetop {
        margin-top: 30px;
    }

    #message-box .modal-footer button.btn {

        margin: 0px 10px;
        width: 150px;
    }

    .m_input {
        padding-left: 0px;
    }

    .m_input .btn {
        width: 120px;
    }

    .m_input i {
        padding-right: 5px;
    }

    .message_normal {
        margin: 0px;
    }

    .top_mg {
        margin: 20px -30px;
    }

    .message_top img {
        height: 330px;
        width: 100%;
    }

    .roc_btn {
        text-align: left;
    }

    #resource_search .resource_list .list_content .title {
        font-size: 18px;
        text-align: left;
    }

    .modal-footer button.btn {
        margin: 0px 10%;
    }

    #resource_search .resource_list .download_btn, .books_list .download_btn {
        position: absolute;
        top: 35%;
        width: 130px;
        background: #eee;
        margin: 0px;
        color: #0f7eec;
    }

    .btn {
        margin: 0px 20px
    }

    .list_content .title {
        margin-bottom: 0px
    }

    .list_content a.spec_lable {
        margin: 0px;
        margin-left: 10px;
    }

    .list_content .web_box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -o-box-align: center;
        box-align: center;
    }

    .left-content-wrapper .left-content {
        margin: 0px;
    }

    .rscreen_box {
        padding: 30px 10px;
    }

    .btn_tr {
        text-align: right;
        padding: 0px;
        margin: 0px
    }

    .type_box {
        margin: 0px
    }

    .resource_top .pd_none {
        padding: 0px;
    }

    .resource_top ul li {
        margin: 10px;
        float: left;
        line-height: 22px;
    }

    .resource_top ul li.name {
        font-size: 16px;
        margin-left: 0px;
        color: #116cbd;
    }

    .resource_top a.btn {
        float: right;
        width: 100px;
        margin: 0px 3%;
        margin-top: 5px;
        margin-right: 0px;
    }

    .navbar-nav .user_rt {
        color: #fff;
        padding: 5px;
    }

    #ntype_box {
        display: block;
    }

    a.type_btn {
        display: none;
    }

    .news_search {
        padding: 0px;
    }

    #news_index {
        margin-top: 20%;
    }

    #news_index .form-control {
        font-size: 18px;
        padding: 20px;
    }

    #news_index .input_box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -o-box-align: center;
        box-align: center;
    }

    #news_index .btn_all {
        background: rgba(255, 255, 255, 0.3);
        box-shadow: inset 1px -12px 17px 0px #1d519f, 0px 0px 8px 5px #fff;
        font-size: 18px;
        padding: 16px 50px;
        font-weight: bold;
        border-radius: 10px;
        border: 2px solid #fff;
        position: relative;
        margin: 0px;
    }

    .binfo_nav {
        height: 60px;
    }

    nav {
        text-align: inherit;
    }

    .pagination {
        float: right;
        margin: 10px 0px;
    }

    .binfo_title i {
        margin-right: 20px;
    }

    .comment_list li .list_top .date {
        margin-bottom: 0px;
    }

    .binfo_four .show_number {
        width: 240px;

        padding: 10px;

    }

    .comment_list li .list_top {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -o-box-align: center;
        box-align: center;
        font-size: 16px;
    }

    .binfo_title .btn {
        position: absolute;
        right: 0px;
        bottom: auto;
        font-size: 14px;
        padding: 5px;
        width: 100px;
        margin: 0px 10px;
    }

    .read_links a {
        margin-bottom: 0px
    }

    .binfo_four .web_box span {
        font-size: 16px;
    }

    .hooks li .binfo_title {
        position: relative;
        padding: 10px;
        text-align: center;
        font-size: 1.3em;
        color: #106abe;
        box-shadow: inset 0px -6px 20px #eee;
    }

    .info_img {
        border: none;
    }

    .books_info .icon_right {
        position: absolute;
        bottom: 0px;
        right: 10px;
        width: 100%;
        text-align: right;
        margin: 0px;
    }

    .books_info .commend {
        background: #f0f8fb;
        padding: 15px;
        color: #333;
        margin-top: 30px;
        border: 1px solid #eee;
    }

    .list_content span {
        color: #999;
        margin-right: 5%;
    }

    .list_content span.short {
        width: 300px;
        display: inline-block;
    }

    .list_content span.info_short {
        width: 250px;
        display: inline-block;
    }

    .books_info .slogan {
        margin-top: 20px;
    }

    .books_info .list_content {
        padding: 0px;
        position: relative;
    }

    .pd_none {
        padding: 0px;
    }

    .modal-dialog {
        margin: 10% auto;
        margin-bottom: 0px
    }

    .pd_lf {
        padding-left: 0px;
    }

    .exzoom {
        display: block;
    }

    #android_images {
        display: none;
    }

    .books_list li .list_content div {
        margin-bottom: 10px;
        width: 90%;
    }

    .list_content {
        padding: 0px;
    }

    .icon_right {
        margin: 0px
    }

    .btn_four .btn {
        display: block;
        position: relative;
        overflow: hidden;
        z-index: 0;
        margin: 10px;
        width: 150px;
        background: rgba(3, 87, 158, 0.6);
        color: #ffffff;
        font-weight: bold;
        box-shadow: inset 0px 4px 9px 1px #ffffffb8;
        border: 0px;
        border-radius: 3px;

    }

    a.title_refresh {
        font-size: 16px;
    }

    .new_book .box {
        text-align: center;
        box-shadow: inset 0 0 20px 20px rgb(219, 220, 220);
        overflow: hidden;
        position: relative;
        background: #f9f9f9;
        border: 10px solid #eee;
        padding: 30px;
        display: block;
        margin-bottom: 0px;
    }

    .box-content .title a {
        color: #fff;
    }

    .box-content .icon {
        display: block;
    }

    .new_book .box_b {
        height: 304px;
        background: #a7a7a7;
        box-shadow: inset 0 0 20px 20px rgb(134, 134, 134);
        border: 10px solid #b3acac;
    }

    .new_book .box:before,
    .new_book .box:after {
        content: "";
        display: block;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        transform: scale(0, 1);
        transition: all 0.3s;
    }

    .new_book .box:after {
        top: 3px;
        bottom: 3px;
        transform: scale(1, 0);
    }

    .new_book .box:hover:before,
    .new_book .box:hover:after {
        transform: scale(1);
        animation: animate 1.5s;
    }

    .new_book .box:hover:before {
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
    }

    .new_book .box:hover:after {
        border-left: 3px solid #fff;
        border-right: 3px solid #fff;
    }

    .new_book .box img {
        width: auto;
        height: 190px;
        transition: all 0.3s;
        box-shadow: 1px 0px 20px #ababab;
        margin-right: 0px;
    }

    .new_book .box:hover img {
        transform: scale(1.2);
        filter: blur(5px);
        -moz-filter: blur(5px);
        -webkit-filter: blur(5px);
    }

    .new_book .box .box-content {
        padding: 30px 20px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        z-index: 2;
        transition: all 0.3s;
    }

    .new_book .box:hover .box-content {
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.3);
        opacity: 1;
    }

    .new_book .box .title {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin: 0 0 5px 0;
        -webkit-box-orient: block-axis;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        display: -webkit-box;
    }

    .new_book .box .post {
        display: block;
        margin: 10px;
        font-size: 14px;
        font-style: italic;
        color: rgba(255, 255, 255, 0.5);
    }

    .new_book .box .cbsh {
        padding-bottom: 10px;
    }

    .new_book .box .description {
        font-size: 14px;
        color: #fff;
        margin: 0 0 10px 0;
        max-height: 60px;
        -webkit-box-orient: block-axis;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        display: -webkit-box;
    }

    .new_book .box .icon {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .new_book .box .icon li {
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .new_book .box .icon li a {
        display: block;
        padding: 5px 20px;
        line-height: 30px;
        color: #fff;
        background: #0f7eec;
        transition: all 0.5s;
    }

    .new_book .box .icon a:hover {
        text-decoration: none;
        border-radius: 20px;
        animation: animate-hover 0.5s;
    }

    @keyframes animate {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 1;
        }
    }
    @keyframes animate-hover {
        0% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
        }
        50% {
            box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
        }
    }
    @media only screen and (max-width: 990px) {

        .box .box-content {
            padding: 10px;
        }

        .box .description {
            margin-bottom: 10px;
        }
    }
    @media only screen and (max-width: 479px) {
        .box .title {
            margin: 0;
        }
    }
    .new_book .text {
        display: block;
        font-size: 16px;
        padding: 10px;
        text-align: center;
        margin-top: 5px;
    }

    .new_book .text a {
        color: #000;
        cursor: pointer;
    }

    .new_book .text a:focus, .new_book .text a:hover {
        color: #0f7eec;
        text-decoration: none;
    }

    .new_book .text .price {
        font-size: 16px;
        color: #eb4141;
        font-weight: bold;
        margin-top: 10px;
        position: relative;
    }

    .new_book .text .price:before {
        content: "";
        border-bottom: 1px solid #cecbcb;
        position: absolute;
        top: 10px;
        width: 10%;
        left: 30%;
    }

    .new_book .text .price:after {
        content: "";
        border-bottom: 1px solid #cecbcb;
        position: absolute;
        top: 10px;
        width: 10%;
        right: 30%;
    }

    .books_menu_title {
        display: none;
    }

    .erwm a {
        margin: 0px;
    }

    a.title_more {
        font-size: 16px;
    }

    .erwm img {
        width: 60px;
        height: 60px;
        margin: 0px 5px;
    }

    .ah-tab > .ah-tab-item {
        margin-right: 0px;
    }

    .navbar-brand > img {
        height: 40px;
        margin-right: 30px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        padding: 5px 20px;
        border-radius: 20px;
        margin: 0px 2px;
        font-size: 16px;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        border: 0px;
        color: #0f7eec;
        background-color: #ffffff;
        transition-duration: 1s;
        -moz-transition-duration: 1s; /* Firefox 4 */
        -webkit-transition-duration: 1s; /* Safari �� Chrome */
        -o-transition-duration: 1s; /* Opera */
        transition-timing-function：ease-in-out；transition-property: background;
    }

    .navbar-default .navbar-nav > .active > a:after {
        content: " ";
        position: absolute;
        width: 5px;
        height: 5px;
        bottom: -10px;
        background: #fff;
        border-radius: 100%;
        left: 45%;
        box-shadow: 0px 0px 10px 2px #fff;
    }

    .navbar-default .navbar-right > li > a:focus, .navbar-default .navbar-right > li > a:hover {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0);
        border: 1px solid #fff;
        padding: 3px 15px;
        border-radius: 0px;
        transition-property: border;
    }

    .navbar-default .navbar-right > li > a {
        margin: 0px;
        font-size: 14px;
        border: 1px solid rgba(238, 238, 238, 0);
        padding: 3px 15px;
        display: inline-block;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        border: 0px;
        color: #0f7eec;
        background-color: #ffffff;
    }

    .navbar-nav {
        float: left;
        padding-top: 12px;
        height: 60px;
        margin: 0px;
        margin-left: -3%;
        background: rgba(238, 238, 238, 0);
    }

    .navbar-right {
        padding-top: 15px;
        margin-right: 0px;
    }

    .new_book .box .title {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin: 0 0 5px 0;
        -webkit-box-orient: block-axis;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
        margin-top:20px;
    }

    .new_book .box .description {
        font-size: 14px;
        color: #fff;
        margin: 0 0 10px 0;
        max-height: 60px;
        -webkit-box-orient: block-axis;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
    }

    .new_book .text .price {
        margin-bottom: 10px;
    }

    .keypoint .kp_content {
        /* display */
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;

        color: #999;
    }

    .kp_content .wbf_1 div.title {
        margin-bottom: 20px;
        margin-top: 10px;
        -webkit-box-orient: block-axis;
        -webkit-line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: -o-ellipsis-lastline;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -o-box;
        display: box;
    }

    .kp_content .wbf_1 {
        margin-left: 20px;
    }

    /* ͼ��Ƶ�� */
    /* ͼ����ർ�� */
    .bmenu_list > li.tab_select {
        background: #fff;
    }

    .bmenu_content {
        display: none;
        position: absolute;
        top: 0px;
        z-index: 10000;
        background: #fff;
        width: 60%;
        box-shadow: 6px 0px 6px 0px #b3b2b2;
        padding: 10px;
        min-height: 130px;
    }

    .tab_current {
        display: block;
        position: absolute;
    }

    .books_menu {
        position: relative;
        display: block;
    }

    .bmenu_box {
        display: block;
    }

    .books_menu .title {
        background: #116cbd;
        padding: 15px 10px;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }

    ul.bmenu_list li a {
        color: #148af4;
    }

    ul.bmenu_list li {
        padding: 10px 20px;
        font-size: 15px;
        background: #f9f9f9;
        border-bottom: 1px solid #eeee;
    }

    ul.bmenu_list li img {
        width: 26px;
        margin-right: 15px;
    }

    ul.bmenu_list li a i {
        color: #d2d1d1;
        margin-top: 6px;
        float: right;
    }

    .btype_title a {
        color: #116cbd;
    }

    .btype_title {
        font-size: 16px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dotted #116cbd;
        margin: 5px 0px;
    }

    ul.btype_list {
        margin-top: 10px;
    }

    ul.btype_list li {
        padding: 5px;
        float: left;
    }

    ul.btype_list li a {
        color: #666;
    }

    ul.btype_list > li > a:focus, ul.btype_list > li > a:hover {
        color: #0f7eec;
    }

    /*ÿ�ճ���*/
    .new_day .shortimg, .new_day .longimg, .new_day .minimg, .new_day .mainimg {
        position: relative;
    }

    .new_day .shortimg img {
        width: 75%;
    }

    .longimg img, .minimg img {
        height: 100%;
    }

    .new_day .mainimg {
        padding: 22px 10px;
    }

    .new_day p.text {
        display: none;
        position: absolute;
        bottom: 0px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        margin: 0px;
        left: 0px;
        padding: 10px;
    }

    /*ͼ������*/
    /*ͼ�����*/
    .books_search .books_menu .title {
        font-size: 16px;
    }

    .books_search ul.bmenu_list li {
        font-size: 14px;
        padding: 10px 20px;
    }

    .books_search ul.bmenu_list li a {
        line-height: 24px;
    }

    .books_search ul.bmenu_list li img {
        width: 24px;
        margin-right: 10px;
        vertical-align: bottom;
    }

    .books_search .bmenu_content {
        width: 80%;
        padding: 5px;
    }

    .books_search .btype_title {
        font-size: 14px;
    }

    .books_search ul.btype_list {
        font-size: 12px;
    }

    .btn_four {
        margin: 0px;
        position: absolute;
        right: 0px;
        top: 50px;
    }

    .btn_four i {
        font-size: 10px;
        margin-right: 10px;
    }

    .screen_box {
        margin-left: 20px;
        border: 1px solid #ddd;
    }



    .books_info .list_content {
        padding-right: 20px;
    }

    .books_info .list_content .bottom_info {
        position: absolute;
        bottom: -20px;
        width: 98%;
    }

    .books_info .list_content .buy_box {
        display: -webkit-box;
        -webkit-box-align: center;
        font-size: 16px;
        margin-top: 20px;
        width: 100%;
    }
    .books_info .list_content .buy_box div{
        margin-bottom:0px!important;
    }

    #info_ewm .swiper-pagination {
        bottom: -2px;
    }

    .books_info {
        font-size: 14px;
    }

    .books_info .list_content {
        padding-right: 10px;
    }

    .books_info .commend, .ad_bottom {
        margin-top: 10px;
    }

    .books_info .commend {
        padding: 10px;
    }

    .books_info .commend p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .btn_two .btn {
        margin-right: 15px;
    }

    .books_info .list_content .buy_btn {
        width: 80px;
        margin-left: 0px;
    }

    .books_info .list_content div {
        font-size: 14px;
    }

    .books_info .icon_right i {
        font-size: 1em;
    }

    #info_ewm {
        width: 80px;
    }

    .ad_box {
        height: 160px;
        line-height: 160px;
    }
    .ad_box img{height:100%;width: auto;}
    #info_ewm .swiper-pagination {
        bottom: 10px;
    }

    .books_info .icon_right .share_box {
        left: 150px;
    }

    .books_info {
        font-size: 16px;
        margin: 0px -25px;
    }


    .list_show {
        padding-left: 20px;
    }

    .list_show .title {
        font-size: 18px;
    }

    .books_list li .list_show div, #list_short li .list_content div {
        margin-bottom: 5px;
    }

    .user_wrapper .last_reg {
        margin-bottom: 30px;
        padding-top: 20px;
        padding-right: 40px;
    }

    .books_search .books_list img {
        width: 100%;
        height: 200px;
    }

    .books_search .books_list .qrcode img {
        width: 105px;
        height: auto;
    }

    .recent_content .box img {
        height: 210px;
        width: 100%;
    }
    .input_control{    padding: 3px 0px;margin-left:0px;}
    .resource_list  .some_img a {
        position: absolute!important;
    }
    .books_list .gift_wh img{width:auto;}
}
.navbar-form .btn_all{
    margin-right:20px;
}
    @media (min-width: 1367px){
        .picList li .pic img{
            height: 220px;
        }
        .picList li .pic{
            height: 220px;
        }
        .small-box{
            height: 380px;
        }
        .new_book .box img{
            height:230px;
        }
        .container-fluid ul.bmenu_list li{
            padding: 15px 20px;
            font-size: 18px;
        }
        .container-fluid  .books_menu .title{
            font-size: 20px;
        }
        .navbar-form .form-control{
            padding: 10px;
            font-size: 16px;
        }
        .navbar-form .btn_all{
            font-size: 16px;
            padding: 10px 30px;
        }
        .rh-right {
            font-size: 14px;
        }
        .resource_list .some_img a {
            position: relative!important;
        }
        .list_bk_center img{height:220px;}
        .input_control{   padding: 3px 8px;margin-left:5px;}
        .recent_content .box img{height:250px;width:100%;}
        .list_bk_right img{height:150px;}
        .books_list li .int_duc{
            -webkit-line-clamp: 4;
        }
        .books_info .list_content .buy_box{ font-size:18px;}
        .books_info .list_content{padding-left:20px;    padding-right: 40px;}
        .books_list	img{height:250px;width:100%;}
        .erwm img{width:100px;height:100px;margin: 0px 5px;}
        .new_book .box .title{
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            margin: 0 0 5px 0;
            -webkit-box-orient: block-axis;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            text-overflow: -o-ellipsis-lastline;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -o-box;
            display: box;
        }
        .new_book .box .description{
            font-size: 14px;
            color: #fff;
            margin: 0 0 10px 0;
            max-height: 60px;
            -webkit-box-orient: block-axis;
            -webkit-line-clamp: 3;
            overflow: hidden;
            text-overflow: ellipsis;
            text-overflow: -o-ellipsis-lastline;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -o-box;
            display: box;
        }
        .container {
            width: 1336px;
        }
        .container-fluid>.navbar-header{margin-left:5%;}.navbar-nav {margin-left: 5%;}.navbar-brand>img{margin-top: -2%;
                                                                                          height: 50px;}
        .navbar-default .navbar-nav>li>a {
            color: #fff;
            font-size: 16px;
            padding: 8px 25px;
            border-radius: 30px;
            margin: 0px 5px; position:relative;
        }
        .navbar-default .navbar-right>li>a:focus,.navbar-default .navbar-right>li>a:hover{    color: #ffffff;
            background-color: rgba(255, 255, 255, 0);
            border:1px solid #fff;
            padding: 3px 15px;    border-radius: 0px;transition-property:border;}

        .navbar-default .navbar-right>li>a{    margin: 0px;
            font-size: 14px;
            border: 1px solid rgba(238, 238, 238, 0);
            padding: 3px 15px;
            display: inline-block;}

        .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
            color: #0f7eec;
            background-color: #ffffff;
        }
        .navbar-right{    padding-top: 15px;}
        .ques .col-md-3{padding-left:40px;padding-right:40px;}
        .sort_list a li{float:right;width:auto;text-align:center;padding: 13px 5%;}
        .breadcrumb{margin-bottom:30px;}

        /*ͼ������*/
        #info_ewm{width: 100px;}
        .books_info .list_content div{font-size: initial;}
        .books_info .commend, .ad_bottom{margin-top:30px;}
        .ad_box{height: 220px;
            line-height: 220px;}

        .books_info .commend p {
            color: #0d66bf;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: 10px;
        }
        .books_info .list_content .buy_btn {
            width: 120px;
            margin-left: 20px;
        }.books_info .commend{    padding: 15px;}
        .books_info .list_content .bottom_info{        position: absolute;
            bottom: -30px;
            padding-right: 50px;}
        .books_info .list_content .buy_box div{font-size:18px;}
        .linkman {
            font-size: 14px;
        }#info_ewm .swiper-pagination{bottom:5px;}
        .resource_list .list_content div{margin-bottom:10px;}
        .list_content div {
            margin-bottom: 12px;}.books_info .icon_right a{font-size:16px;}.books_info .icon_right i{    font-size: 1.5em;}.books_info .icon_right{bottom: 5px;}
        .books_info .icon_right .share_box {
            left: 260px;
        }.navbar-right{    padding-top: 15px;margin-right: 5%;margin-left:0px;}
        .books_search .books_list img{height:250px;}
        .user_wrapper .screen_form  .no_login{margin:30px 0px;    padding: 0px;}
        .user_wrapper .screen_form  .input_awe{    margin: 20px -15px;}
        .user_wrapper .screen_form .more_btm{    margin-bottom: 30px;}
        .user_wrapper .right{    padding: 105px  30px;}
        .upload_qlist li span{font-size:16px;    line-height: 30px;}
        .ewm_login img{    width: 230px;
            height: 230px;}
        .thumbnail-box .list .item{margin: 0 10px;}
        .user_wrapper .screen_form {
            padding: 45px;}
    }