.mt5{margin-top: 5px;}
.header .top{background: #ae9d77; color: #fff; line-height: 27px;padding:4px 0;}
.header .bot{background: #ccbc97 url("https://www.la-art-theory.com/style/web/images/header-bg2_02.jpg") no-repeat center top;height:200px;}
.header .header-nav{background: url("https://www.la-art-theory.com/style/web/images/nav-line_03.jpg") repeat-x 0; border-bottom: 1px solid #ede2dc; line-height: 46px; font-size: 16px;}
.header .header-nav ul{position: relative;}
.header .header-nav ul a{display: block; line-height: 47px;}
.header .header-nav ul > li{position: relative; float: left; text-align: center;}
.header .header-nav ul > li a { transition: all .3s; }
.header .header-nav ul > li:hover > a{background: #b2a078; color: #fff;}
.header .header-nav ul > li:hover:before{content: ''; width: 100%; height: 1px; background: #b2a078; position: absolute; bottom: -1px; left: 0;}
.header .header-nav ul > li.active > a{background: #b2a078; color: #fff;}
.header .header-nav ul > li.active:before{content: ''; width: 100%; height: 1px; background: #b2a078; position: absolute; bottom: -1px; left: 0;}
.header .header-nav ul > li > a{font-size: 15px; color: #7f4d00; padding: 0 33px; position: relative;}
.header-en .header-nav ul > li > a{padding:0 17px;}
.header .header-nav ul > li.back{position: absolute; top: 0; left: 0; background: #b2a078; transition: all 0.3s linear;}
.header .header-nav ul > li ol{position: absolute; background: #b2a078; left: 0; top: 47px; min-width: 100%; z-index: 50; display: none;}
.header .header-nav ul > li ol li a{padding: 0 25px; font-size: 16px; white-space: nowrap; color: #fff; position: relative;}
.header .header-nav ul > li ol li:hover a{background-color: #9b8962;}
.header-nav ul > li > a span{background: url("https://www.la-art-theory.com/style/web/images/nav-arrow1.png") no-repeat 0;width: 8px;height: 8px;margin-left: 4px;display: inline-block;}
.header-nav ul > li.active > a span{background: url("https://www.la-art-theory.com/style/web/images/nav-arrow.png") no-repeat 0;}
.header-nav ul > li:hover > a span{background: url("https://www.la-art-theory.com/style/web/images/nav-arrow.png") no-repeat 0;}
.main .container{padding-top: 20px;padding-bottom: 20px;}
.main-left .Review li{height: 61px; line-height: 61px; background: url("https://www.la-art-theory.com/style/web/images/Review-bg_03.jpg") repeat-x 0; border-radius: 4px; margin: 0 0 10px; font-size: 18px; color: #fff; text-align: center;}
.main-left .Review li a{display: block; color: #fff;}
.main-left .Review li a:hover p{text-decoration: underline;}
.main-left .Review li .in-bl{display: inline-block;}
.main-left .Review li .icon{float: left; margin-right: 10px;}
.main-left .Review li .icon ._table{height: 61px;}
.main-left .Review li p{float: left;}
.base-title .title{font-size: 18px; color: #a27d45; font-weight: bolder; line-height: 38px;}
.base-more{color: #666; text-transform: uppercase; line-height: 38px;}
.base-more:hover{text-decoration: underline; color: #7f4d00;}
.text-up{padding: 15px; border: 1px solid #c8c8c8; margin: 4px 0 0; overflow-y: auto; text-indent: 2em; font-size: 13px; color: #333; line-height: 24px;}
.text-up #scrollBox{height: 240px; overflow: hidden;}
.base-title2{border-bottom: 1px solid #c8c8c8;}
.base-title2 .title{position: relative; line-height: 47px;}
.base-title2 .title:before{content: ''; width: 100%; height: 2px; background: #a27d45; position: absolute; left: 0; bottom: -1px;}
.search{margin: 20px 0 0;}
.search .text{width: 220px; border-radius: 2px 0 0 2px; border: 1px solid #9b8962; border-right: none; line-height: 24px; padding: 4px 10px;}
.search .sub{width: 66px; height: 34px; border-radius: 2px; border: none; background: #9b8962 url("https://www.la-art-theory.com/style/web/images/search.png") no-repeat center;}
.base-title2 .base-more{line-height: 47px;}
.message-ul{padding: 20px 0 4px;}
.message-ul a{display: block; font-size: 13px; color: #333; line-height: 24px; padding-left: 21px; position: relative;}
.message-ul a:hover{color: #7f4d00; text-decoration: underline;}
.message-ul a:before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #5e5e5e; position: absolute; left: 0; top: 9px;}
.weChat{border: 1px solid #c8c8c8; padding: 20px 44px 8px;}
.weChat > div{text-align: center;}
.weChat p{font-size: 12px; color: #333333; line-height: 20px; padding: 8px 0;}
.main-right .banner{position: relative;}
.banner .item img{width:100%;}
.main-right .banner .item{display: block; position: relative;}
.main-right .banner .item .text{position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: rgba(0, 0, 0, 0.5); color: #fff; line-height: 40px;}
.main-right .banner .item .text p{width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.main-right .banner .owl-pagination{position: absolute; right: 16px; line-height: 10px; bottom: 14px;}
.main-right .banner .owl-pagination .owl-page span{width: 10px; height: 10px; margin: 0 4px; opacity: 1; background: #afafaf;}
.main-right .banner .owl-pagination .owl-page.active span{background: #fff;}
.main-right #dynamic1{margin: 14px 0 0; height: 165px; overflow: hidden;}
.main-right .dynamic li{line-height: 32px; border-bottom: 1px dashed #dedede; color: #333; font-size: 13px;}
.main-right .dynamic li a{display: block; font-size: 13px; color: #333; line-height: 32px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 0 13px; position: relative;}
.main-right .dynamic li a:before{content: ''; width: 4px; height: 4px; border-radius: 50%; background: #c29c62; position: absolute; left: 0; top: 14px;}
.main-right .dynamic li a:hover{text-decoration: underline; color: #b2a078;}
.current-ul a{line-height: 32px; font-size: 13px; color: #333;}
.current-ul a:hover{text-decoration: underline; color: #b2a078;}
.current-ul li{padding: 5px 0; border-bottom: 2px dashed #c29c62;}
.current-ul li .box{border-bottom: 1px dashed #ccc;}
.current-ul li .tit{width:400px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 0 23px; background: url("https://www.la-art-theory.com/style/web/images/curren-icon.png") no-repeat left center;}
.main-right .article-browse{padding: 24px 0;}
.main-right .article-browse li{float: left; width: 33.33%; text-align: center;}
.main-right .article-browse li a{display: block;}
.main-right .article-browse li a:hover p{color: #b2a078; text-decoration: underline;}
.main-right .article-browse li p{color: #000; line-height: 30px;}
.main-right .article-browse li a img{width:131px;height:173px;}
.footer{text-align: center;}
.footer .top{background: #ebe5d5; border-top: 2px solid #b2a078; line-height: 24px; padding: 24px 0;}
.footer .top a:hover{color: #b2a078; text-decoration: underline;}
.footer .btmb{background: #b2a078; color: #f9e6bb; line-height: 20px; padding: 10px 0;}
.footer .btmb a{color: #f9e6bb; line-height: 20px;}
.footer .btmb a:hover{text-decoration: underline;}
.phone-nav{display: none; position: relative;}
.phone-nav input::-webkit-input-placeholder{color: #fff; opacity: 1;}
.smallUl{background-color: rgba(174, 157, 119, 0.9); z-index: 1000; width: 100%; left: 0; right: 0; margin: auto; position: absolute; display: none;}
.smallUl a{color: #fff; display: block; line-height: 24px;}
.smallUl li{text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.smallUl li > a{padding: 0 4%; font-size: 16px; line-height: 40px; position: relative; display: block;}
.navList{width: 30px; cursor: pointer; display: none;}
.navList span{height: 3px; background-color: #fff; margin: 0 0 8px 0; display: block; transition: all 0.5s;}
.smallUl > li > a span{margin: 0 0 0 10px;}
.smallUl > li > a span img{vertical-align: middle; margin: -3px 0 0; transition: all 0.2s;}
.smallUl > li > a span.active img{transform: rotate(90deg);}
.smallUl > li > ol{display: none;}
.smallUl > li > ol a{padding: 0 8%;}
.contentArea-left{width:753px;}
.message-ul li a:visited{color:#ae9d77;}
#dynamic2 li a:visited{color:#ae9d77;}
.current-ul li a:visited{color:#ae9d77;}
.article-browse li a:visited{color:#ae9d77;}
.columimg{width:510px;}
.current-ul .number{color:red;line-height:32px;}
.text-cen{text-align: center;}
.in-bl{display: inline-block;}
.nav-tabs{margin:0 0 20px;}
.search-content-left .article-list{margin:0 0 30px;}
@media screen and (max-width:1200px) {
	.current-ul .article-list-title{width:100%;float:none;}
    .header .logo{width: 50%;}
    .header .logo img{max-width: 100%;}
    .header .bot{background-size:cover;}
    .header-nav{display: none;}
    .phone-nav{display: block;background: #ae9d77;padding: 8px 0;}
    .navList{display: block;}
    .navList span:last-child{margin: 0;}
    .phone-nav .en{line-height: 25px;color: #fff;}
    .phone-nav .text,.phone-nav .sub{background: rgba(255,255,255,.2);}
    .phone-nav .text{line-height: 19px; padding: 3px 10px; color: #fff; margin: 0 0 0 15px; border-radius: 4px 0 0 4px;}
    .phone-nav .sub{width: 35px; height: 25px; background: rgba(255,255,255,.2) url("https://www.la-art-theory.com/style/web/images/search1.png") no-repeat center center; background-size: 16px 16px; border-radius: 0 4px 4px 0;}
    .search-wrapper{display: none;}
    .weChat>div{width: 50%;padding: 0 2%;}
    .weChat>div img{max-width: 100%;}
    .main-right .current-ul li .tit{width: 100%;float: none;}
    .main-right .current-ul li .right{float: none;}
    .main-right .current-ul a{display: inline-block;}
    .search-wrap .in-bl{width:100%;}
    .search-wrap .form-group{margin-left:0;margin-right:0;}
    .paddingLeftNone{padding-left: 15px;}
}
@media screen and (max-width:991px) {
    .main-right .banner .item .text p{width: 70%;}
    .main-right .current-ul li .box{padding: 8px 0;}
    .article-browse li img{max-width: 80%;}
    .footer .top{padding: 24px 4%;}
    .footer .btmb{padding: 10px 4%;}
    .shareMargin{margin: 0 0px 10px;}
    .box-article-content{margin: 0 0px 20px;}
    .main-left .Review li .icon ._table{height:50px;}
    .main-left .Review li{height:50px;line-height:50px;}
    .archcon .arc-listit .arctpoint{margin:0;}
    .nav-tabs>li{width: 25%;text-align: center;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border-bottom-color:#ddd;}
	.current-ul .article-list-left{display:none;}
	.article-list{padding:0;}
	.toolBox2{display:none;}
    .resultTab{font-size: 12px;}
    .search-wrap .form-group>div{margin-bottom: 20px;}
}
@media screen and (max-width:767px) {
	.arc-listit{float:none;}
	.columimg{width:100%;float:none;}
	.arcimgeng .archimg li{width:100%;}
	.archcon .archimg li{margin:0 0 10px;}
	.header .bot{height:140px;}
}
@media screen and (max-width:560px) {
	.main-right .article-browse li a img{height:auto;}
	.weChat{padding: 20px 20px 8px;}
}
/*2018-10-10*/
.article-header-new ul i{margin: 0 10px 0 0;}
.article-header-new ul>li{position: relative;}
.article-header-new ul>li dl{position: absolute;left: 0;top: 56px;display: none;}
.article-header-new ul>li:hover dl{display: block;}
.article-header-new ul>li dl{background: #fff;border: 1px solid #cfd5e4;border-top: none;}
.article-header-new ul>li dl dd a{display: block;text-transform: capitalize;line-height: 28px;line-height: 36px;font-size: 16px;padding: 0 10px;position: relative;}
.article-header-new ul>li dl dd a:after{content: '';width: 2px;height: 100%;background: transparent;position: absolute;left: 0;top: 0;}
.article-header-new ul>li dl dd:hover a{background: #f4f6f9;}  
.article-header-new ul>li dl dd:hover a:after{background: #cbd0e1;}
.article_table_fullText .table-body table{overflow-x:auto;}
/*2018-10-11*/
.article-pc .container{width:1140px;padding:0;}
.detail-author{color:#333;    height: 40px;line-height: 40px;}
.author-right-share{float:right;width:auto;}