﻿@import url("main.css");
.ellipsis{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*按钮*/
.btn{height:32px;line-height:32px;text-align:center;cursor:pointer;display:inline-block;padding:0 25px;cursor: pointer;letter-spacing: 1px;}
.yellowbtn{background:#BA743A;color:#fffefe;cursor: pointer;}
.yellowbtn a{color:#fffefe;}
.yellowbtn:hover{background:#d78949;}
.graybtn{background:#e6dab7;color:#623917;}
.graybtn a{color:#623917;}
.graybtn{cursor:default;}

/*大图*/
.slideone{width:100%;height:468px;overflow:hidden;font-size:0;position:relative;margin-bottom: 66px;}
.slideone>img{position:absolute;left:50%;top:0;margin-left:-960px;}
.slideone .allcenter {height:100%;position:relative;}
.slideone .allcenter div{position:absolute;top:160px;left:50px;}
.slideone .allcenter div p{color:#ece9e4;font-size:15px;line-height:24px;margin-top:10px;}

ul.classify{float:right;margin:8px 0;}
.classify li{float:left;border-radius:20px;border:1px solid #7b491c;margin-right:8px;background: transparent;transition:all 0.3s;}
.classify li a{font-size:14px;color:#916746;transition:color 0.3s;display: inline-block;padding:8px 16px;}
.classify li.chose,.classify li:hover{background:#ba743a;border-color:transparent;}
.classify li.chose a,.classify li:hover a{color:#fcf8e6;}

/*详情*/
.container{ padding: 40px;/*background: url(../img/inner/containerbg.png) repeat;*/ min-height: 600px;background: #f9f6ed;}
.content{ min-height: 600px;position: relative;}
.content h1{ font-size: 24px;color: #987126;line-height: 30px;margin: 10px 0 15px;}
.contip{ margin-top: 5px;color: #bbad83;}
.contip span{ margin-right: 40px;}
.detailcont{color: #816f3c;margin-top: 15px;min-height: 400px;line-height: 28px;}
.detailcont h2{font-size:18px;color:#916746;line-height:30px;margin: 10px 0 15px;}
.detailcont p{ text-indent: 2em;margin-top: 10px;}
.detailcont img{display:block;max-width: 100%;height:auto;margin:20px auto;}
.detailcont table{text-align: center;max-width: 100%;margin: 15px auto;}
.detailcont table td{ border: 1px solid #fff;padding: 5px 10px;}

/*内页menu*/
.innermenuwrap{ padding: 30px 0;}
.innermenu{text-align: center;}
.innermenu li{display: inline-block;margin: 0 20px;width: 135px;height: 35px;line-height: 35px;text-align: left;}
.innermenu li a{color: #806B46;font-family: "微软雅黑";transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 15px;letter-spacing: 1px;height: 35px;line-height: 35px;display: inline-block;padding: 0 10px;}
.innermenu li.active{background: url(../img/inner/menu_active.png) no-repeat;}
.innermenu li.active a,.innermenu li a:hover{color: #e76304;}

/*上图下文类*/

ul.exlist{margin-top:-40px;overflow: hidden;}
.exlist li{width: 48.5%;margin-top:35px;padding-bottom:20px;color:#916746;border-bottom:1px solid #d8d1af;float: left;margin-right: 3%;}
.exlist li:nth-child(even){margin-right: 0;}
.exlist li i{ width: 100%;height: 200px;display: inline-block;overflow: hidden;}
.exlist li img{width:100%;height:auto;}
.exlist li h2{font-size:18px;margin-top:10px;line-height:38px;color:#916746;transition:0.3s;}
.exlist li h2:hover{color:#B37747;}
.exlist li p{line-height:28px;height: 84px;overflow: hidden;padding: 0 10px;text-indent:2em;}

/*左右图文*/
.container.changepadding{ padding: 20px 45px 40px;}
.graphicList{width:100%;clear:both;color: #726133;}
.graphicList li{padding:32px 0;border-bottom: 1px solid #E2DCBB;}
.graphicList li a{ color: #817639;}
.graphicList li i.imgwrap{width:250px;height:166px;margin-right: 25px;}
.imgleftcont i.imgwrap{float:left;overflow:hidden;}
.imgleftcont img{width:100%;height:auto;vertical-align: middle;}
.graphicList li .detail h2{font-size:16px;line-height:40px;margin-top:10px;transition:0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #7d6843;}
.graphicList li .detail h2:hover{color:#a77953;}
.graphicList li .detail p{line-height:26px;text-indent:2em;color: #9c8254;}
.graphicList li .detail p strong{ font-weight: normal;color: #6382f8; }
.graphicList li .detail p.noindent{text-indent:0;}
.graphicList li div.date{float: right;width: 99px;letter-spacing: 1px;text-align: center;border-left: 1px solid #1c1747;position: relative;right: 0;top: 10px;}
.graphicList li div.date{margin-left:25px;}
.graphicList li div.date span.day{font-size: 48px;font-weight: bold;}

.oftenex.graphicList li .imgwrap{ width: 183px;height: 237px;background: #EAE6E6;line-height: 237px;}
.oftenex.graphicList .detail{ padding-left: 183px;}
.oftenex.graphicList .detail h2{ margin-top: 15px;}
.oftenex.graphicList li .detail p{line-height:32px;}
.temex.graphicList li .imgwrap{ width: 430px;height: 185px;}
.temex.graphicList li .detail{ padding-left: 430px;}
/*典藏*/
.collectlist{ color: #ba743a;overflow: hidden;margin-top: -20px;}
.collectlist>li{width: 204px;margin-top: 20px;margin-right: 12px;float:left;box-sizing:border-box;border: 1px solid #ECE4D2;position: relative;height: 207px;}
.collectlist>li .threed{ width: 69px;height: 67px;background: url(../../images/3D.png) no-repeat;position: absolute;right: 0;top: 0;z-index: 100;} 
.collectlist>li:nth-child(5n){margin-right: 0;}
.collectlist>li i{width: 100%;height: 170px;display: block;line-height: 170px;text-align: center;background-color: #ECE3C6;font-size: 0;}
.collectlist>li i img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.collectlist li .info{border-top:1px solid #ECE4D2;padding: 5px 10px;height: 24px;overflow: hidden;position: absolute;width: calc(100% - 20px);bottom: 0;background-color: #FDFDFD;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.collectlist li .info h3{font-size: 14px;line-height: 24px;color: #5A5A5A;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: center;}
.collectlist li .info ul{font-size: 12px;margin-top: 5px;color: #9C9C9C;}
.collectlist li .info ul li{float: left;padding-right: 20px;line-height: 14px;}
.collectlist li .info ul li span{float: left;padding-right: 2px;width: 16px;height: 16px;background: url(../img/inner/fonticon.png) no-repeat;margin-top: -1px;}
.collectlist li .info ul li:first-child span{ background-position: 0 0;}
.collectlist li .info ul li:last-child span{ background-position: -16px 0;}
.collectlist li:hover .info{height: 50px;}

/*书画百科*/
.coltitle{line-height: 39px;}
.coltitle i{width: 35px;height: 30px;vertical-align: middle;font-size: 0;display: inline-block;float: left;margin-right: 8px;margin-top: 5px;}
.coltitle h3{font-size: 16px;color: #916746;}
.coltitle h3 small{color: #CBB9A5;}
.expertcomment{margin-top: 25px;}
.expertcomment .info{margin-top:10px;background-color: #C7B4A0;color: #FCF8E6;border-radius: 7px;padding: 12px 20px;}
.expertcomment .info p{line-height: 30px;text-indent: 2em;}
.expertcomment .coltitle i{background-image: url(../Images/innershare/zjdp.png);}
.collectiondetail .rightcont{position:relative;}
.collectiondetail .detailcont{ padding-top: 0;}

.shbktitle i{background: url(../img/inner/js.png) no-repeat left center;margin-right: 0;}
.shbksearchbox{border:2px solid #BA743A;margin-top: 5px;height: 34px;box-sizing: border-box;}
.shbksearchbox input{height:30px;float: left;text-indent: 3px;color: #BA743A;width: 780px;} 
.shbksearchbox span{float: right;width:100px;text-align:center;background-color: #BA743A;color: #fff;height: 100%;line-height: 30px;font-size: 15px;letter-spacing: 1px;} 
.shbksort{ border: 1px solid #D8D1AF;margin-top: 10px;margin-bottom: 40px;}
.shbksort>li{line-height: 26px;padding: 10px 0;border-bottom: 1px dashed #D8D1AF;width: calc(100% - 30px);display: block;margin-left: 15px;}
.shbksort>li:last-child{border-bottom:0}
.shbksort>li span{ width: 11%;float: left;color: #BA743A;text-align: right;}
.shbksort>li ul{ margin-left: 11%;}
.shbksort>li ul li{ color: #454545;padding-left: 20px;display: inline-block;}
.shbksort>li ul li a{color: #454545}
.shbksort>li ul li:hover a{ color: #D69762;cursor: pointer;}
.shbksort>li ul li.chose a{color: #D69762;}
.shbkcont .collectlist>li{height: 297px;}
.shbkcont .collectlist>li i{height: 260px;line-height: 260px;}
/*典藏详情*/
.defunclist{position: absolute;right: 0;top: 16px;font-size: 14px;}
.defunclist li{float: left;margin-left: 14px;}
.defunclist li a{color: #96805A;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.defunclist li span{margin-left: 14px;width: 22px;height: 22px;background: url(../img/inner/colsharesp.png) no-repeat -44px 0;float: left;margin-right: 7px;color: #fff;border-radius: 3px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.defunclist li.swmx span{background-position:-44px 0}
.defunclist li.xnmy span{background-position:-66px 0}
.defunclist li:hover a{color:#D69762;}
.defunclist li:hover span{ background-position-y: -22px;}
/*分享收藏*/
.colshare{margin-top: 30px;overflow: hidden;}
.colshare ul{float:right;}
.colshare ul li{float:left;margin-right: 20px;cursor:pointer;color: #96805A;}
.colshare ul li:last-child{ margin-right: 0;}
.colshare ul li a{color: #96805A;}
.colshare ul li>span{ float: left;margin-right: 10px;}
.colshare ul li i{height:22px;background:url(../img/inner/colsharesp.png) no-repeat 0 0;float:left;transition:all 0.3s;padding-left: 22px;font-weight: normal;margin-right: 7px;}
.colshare ul li.col i{background-position-x:0;}
.colshare ul li.share i{background-position-x: -22px;}
.colshare ul li:hover i,.colshare li.chose i{background-position-y:-22px;}
.colshare ul li:hover,.colshare li.chose{color: #D69762;}
.colshare ul li:hover a,.colshare li.chose a{color: #D69762;}


.shbkinfo{margin-top: 10px;}
.shbkinfo .left{width: 300px;float:left;text-align: center;}
.shbkinfo .left img{max-width: 100%;height: auto;}
.shbkinfo .right{margin-left: 330px;color: #B29A87;}
.shbkinfo .right p{line-height: 33px;}
.shbkinfo .right p a{text-decoration: underline;color: #BA743A;}

/*评论区*/
.audiencecomment{margin-top: 25px;}
.audiencecomment .coltitle i{background-image: url(../img/inner/gzdp.png);background-repeat: no-repeat;background-size: 100%;}
.contcomment{padding-top: 10px;overflow: hidden;}
.contcomment textarea{ width: 100%;height: 150px;display: block;padding: 4px;line-height: 20px;border:1px solid #C7B4A0;font-size: 14px;font-family: "微软雅黑";box-sizing: border-box;}
.contcomment_btn{border-top: 0;box-sizing: border-box;height: 46px;margin-top: 15px;}
.contcomment_btn span{padding: 4px 20px;float: right;border-radius: 3px;-webkit-border-radius:3px; color: #fff;margin-top: 8px;}
/*==================用户评论内容评论区2016-08-11 zwq==================*/
.contcomment1{ margin-top: 10px;}
.usercomt{padding-bottom: 40px;margin-top: 25px;}
.allcomt{border-bottom: 1px solid #EACCB0;}
.allcomt li{ font-size: 16px;line-height: 37px;float: left;padding: 0 15px;color: #926948;margin-right: 10px;}
.allcomt li:hover{border-bottom: 3px solid #BA743A;cursor: pointer;}
.allcomt li.chosecomt{border-bottom: 3px solid #BA743A;}
.comtlist li{width: 98%;padding: 15px 1%;float: left;border-bottom: 1px solid #EFE2D5;}
.comtlist li .comtlist-header{ line-height: 20px;}
.comtlist li .comtlist-header i{width: 40px;height: 40px;border-radius: 50%;display: inline-block;overflow: hidden;vertical-align: middle;margin-right: 10px;}
.comtlist li .comtlist-header i img{width: 100%;height: 100%;}
.comtlist li .comtlist-header span{ color: #916746;}
.comtlist li .comtlist-header span:last-child{ color: #B1A292;float: right;font-size: 13px;}
.comtlist-header-delete{width: 16px;height: 16px;background: url(../img/inner/sprit.png) no-repeat -148px -24px;position: absolute;right: 7px;cursor: pointer;}
.comtlist-bottom{margin-top: 7px;line-height: 24px;font-size: 12px;color: #9E7554;}
.addmore{ width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 15px;float: left;margin-top: 10px;color: #646464;cursor: pointer;background: #dcdcdc;}
.addmore a{color: #646464;}
.addmore:hover{background: #e6e6e6;}
.sctp{ float: left;}
.sctp li{float: left;margin-right: 10px;cursor: pointer;width: 64px;height: 64px;position: relative;margin-top: 10px;}
.sctp li img{width: 100%;height: 100%;}
.sctp li p.tis{ position: absolute;left: 80px;top: 22px;width: 200px;color: #916746;}
.sctp li p.tis span{ color: #ae2727;padding: 0 2px;}
.sctp li.uploadimg i{ width: 0;height:0;position: absolute;top: 0;right: 0;background: url(../../Images/delete.png) no-repeat center;z-index: 10;cursor: pointer;}
.sctp li.uploadimg:hover i{width: 16px;height: 16px;}
.comtlist .sctp_small{ margin-bottom: 10px;}
.comtlist .sctp_small li{ width: 50px;height: 50px;padding: 0;margin-top: 5px;}
/*==================用户评论end===================*/

.researchindex.collectlist li:hover .info{ height: 24px;}
.researchindex.collectlist>li { width: 240px;margin-right: 35px;height: 330px;}
.researchindex.collectlist>li:nth-child(4n){margin-right: 0;}
.researchindex.collectlist>li i{ height: 294px;line-height: 294px;}


/*作者简介*/
.graphicList.author li.imgleftcont i.imgwrap{ float: right;width: 315px;height: 263px;margin-left: 30px;}
.graphicList.author li.imgleftcont{ border-bottom: none;padding:20px 0 25px;}
.graphicList.author li .detail p{ color: #916746;line-height: 28px;}
.presentlist{ margin-top: 20px;}
.presentlist .collectlist{ margin-top: -10px;margin-right: -20px;padding-bottom: 25px;}
.presentlist .collectlist>li{ width: 252px;margin-right: 20px;height: 227px;}
.presentlist .collectlist>li i{ width: 250px;height: 190px;line-height: 190px;}
.presentlist .collectlist li:hover .info{ height: 24px;}
.presentlist .collectlist li:hover .info h3{}
.authorline{ font-size: 18px;color: #916746;line-height: 40px;}
.authorline:before{ content: '';width: 995px;height: 0;border-top: 1px solid #ddcdbe;position: absolute;margin-left: 75px;margin-top: 20px;}





/*分页*/
.page{padding-top:40px ;overflow: hidden;}
.page ul.pages{ float: right;}
.page ul.pages li{float:left;width:auto;  margin:0 7px 0 0;border: 1px solid #E0D1B2;}
.page ul.pages li a{ padding: 5px 13px;display: inline-block;color:#916746;background: #fffdf9;transition: 0.3s;}
.page ul.pages li:hover a{color:#fff;background-color:#916746;}
.page ul.pages li.active a{color:#fff;background-color:#916746;}
.page ul.pages li.disabled{ border-color: #e4d7b6;}
.page ul.pages li.disabled a{ cursor: default;color: #916746;background:#f0e5c8;}
.page ul.pages li.pgCurrent{color:#fff;font-weight:700;background-color:#f8ac28;}
.page ul.pages li.pgEmpty{color:#5d5b5c;background: #d1cfd0;}
.page ul.pages .pgTxt{ margin-right:5px;width: 25px;padding: 4px;text-align: center;}
.page ul.pages .pgGoTo{ padding: 4px 8px;color:#5d5b5c;background: #d1cfd0;cursor: pointer;}
.page ul.pages .pgGoTo:hover{ color:#fff;background-color:#f8ac28;}



















