@import url("main.css");

.innercont{ min-height: 400px;}


/*内页*/
/*.banner{position: relative;height: 350px;color: #fff;text-align: center;font-size: 0;}
.banner:before{content:'';position: absolute;background: url(../img/inner/bannerbg.jpg) no-repeat top center;width: 100%;height: 100%;z-index: -1;top: -72px;left: 0;padding-bottom: 85px;}
.banner i{height: 66px;display: block;vertical-align: middle;background-repeat: no-repeat;background-size: auto 100%;background-position: center;margin-top: 130px;}
.banner.title_gk i{background-image: url(../img/inner/title_gk.png);}
.banner.title_kjmy i{background-image: url(../img/inner/title_kjmy.png);}
.banner.title_kxxz i{background-image: url(../img/inner/title_kjxz.png);}
.banner.title_kxyd i{background-image: url(../img/inner/title_kxyd.png);}*/

.innermenu{text-align: center; margin-top: 30px; }
.innermenu li{display: inline-block;height: 100px;line-height: 100px;}
.innermenu li a{color: #E2E2E2;padding: 10px 35px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*.innermenu li.active{background: url(../img/inner/menu_active.png) no-repeat;background-size: contain;}*/
.innermenu li:after{ content: '/';}
.innermenu li:last-child:after{ content: '';}
.innermenu li.active a,.innermenu li a:hover{color: #869FFD;}

/*详情*/
.content{padding:30px;}
.content h1.title{font-size:20px;color:#bbc6ec;line-height:50px;text-align: center;}
.contip{color:#ccc;text-indent:2em;margin-top: 5px;}
.contip span{margin-right: 40px;}
.contip span:last-child{margin-right: 0}
.detailcont{color:#ccc;line-height:32px;padding-top: 20px;}
.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;}

/*分享收藏*/
.colshare{margin-top: 30px;}
.colshare ul{float:right;line-height: 40px;}
.colshare ul li{float:left;margin-right: 20px;cursor:pointer;color:#95aafb;}
.colshare ul li:last-child{ margin-right: 0;}
.colshare ul li i{height:22px;background:url(../img/colsharesp.png) no-repeat 0 0;float:left;transition:all 0.3s;padding-left: 22px;font-style: normal;margin-right: 7px;margin-top: 10px;}
.colshare ul li>span{ float: left;margin-right: 10px;}
.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:#6382f8;}
.colshare ul li a{color:#95aafb;}
.colshare ul li:hover a,.colshare li.chose a{color:#6382f8;}
/*左右图文*/
.graphicList{width:100%;clear:both;color: #fff;margin-top: 20px;}
.graphicList li{padding:32px 0;border-bottom:1px solid #1c1747;}
.graphicList li a{ color: #fff;}
.graphicList li i.imgwrap{width:250px;height:166px;margin-right: 25px;}
.imgleftcont i.imgwrap{float:left;overflow:hidden;}
.imgleftcont img{width:100%;height:auto;}
.graphicList li .detail h2{font-size:16px;line-height:40px;margin-top:10px;transition:0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.graphicList li .detail h2:hover{color:#6382f8;}
.graphicList li .detail p{line-height:26px;text-indent:2em;color: #ccc;}
.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;}


/*活动*/
.activity .graphicList li,.activitydetail .graphicList li{position: relative;}
.activity .graphicList li i.imgwrap{width:350px;height:232px;}
.activity .graphicList li .btn{position:absolute;bottom:32px;right:0px;}

.activity div.detail{top:0px;margin-left:385px;}
.activity .graphicList li .detail h2{margin-top:5px;}
.activity .graphicList li .detail p,.activitydetail .graphicList li .detail p{line-height:28px;}
.activity .graphicList li .detail p{text-indent:0;}
.activity .graphicList li .detail p.introduce{height:56px;overflow:hidden;}
/*活动详情*/
.activitydetail .graphicList{margin-top:-15px;}
.activitydetail .graphicList li .btn{position:absolute;bottom:32px;right:0px;}
.activitydetail div.detail{top:0;}
.activitydetail div.detail p{ text-indent: 0;}
.activitydetail div.detail h2:hover{color: #fff}
.graphicList li .detail p.haveorder{color:#4D86F2;}
h2.acttitle{ font-size: 16px;line-height: 40px;margin-top: 10px;padding: 0 10px;}
.activitydetail .detailcont{padding: 0 10px 14px;}
.actintro{ line-height: 26px;padding: 0 10px;}
.actintro p{ text-indent: 2em;}


.user_form{ margin: 20px auto 0;width: 90%;}
.register .user_form{margin: -20px auto 0;}
.user_form>p{margin-top:20px; overflow: hidden;}
.user_form>p>label{display:block; width: 100px; color:#ccc; text-align:right; float:left; margin-right:15px; height:40px; line-height:40px;}
.user_form span.blank{width:116px; height:44px;display:block; float:left;}
.user_form>p>input{width: 350px; height:40px; border:1px solid #d4d2d2; outline:0; text-indent:0.4em; /* float:left; */line-height: 40px\9;color: #cccccc;}
.user_form p textarea{width:350px;height: 120px; border:1px solid #d4d2d2; outline:0; text-indent:0.4em; float:left;line-height:25px;font-family: '微软雅黑';}
span.tips{color:#c7c5c5; padding-left:8px; line-height:40px;}
p i.truetip{background-position:0 0;}
p i.falsetip{background-position:-25px 0;}
.logtip{ width: 54%;margin: 40px auto 0;text-align:center}
.logtip p{ color: #b0b0b0;font-size: 12px;}
.logtip p a.big-link:hover{ color: #f58c47;}
.big-link{ color: #BA743A;cursor: pointer;transition: 0.2s;-webkit-transition: 0.2s; }
.logtip>span{ float: left; margin: -5px 5px 0 5px;}
.logtip>div{ float: left; margin: -5px 5px 0 5px;}
.relogin{width:160px; float:left; height:40px; line-height:40px; text-align:center; margin-top:20px;cursor:pointer; font-size:16px;}
.resigterbtn{ margin-left: 153px;padding-top: 20px;}
.center100 .resigterbtn{padding-top: 30px;}
.resigterbtn .first_resigter{ margin-right: 20px;}
.otherlogin{ float: left;margin-left: 10px;}
.otherlogin img{ width: 32px;height: auto;margin-top: -8px;}
#Masklayer>.Masklayerbox{ width: 760px;height: 470px;margin-left: -380px;margin-top: -235px;}
#Masklayer>.Masklayerbox>.Masklayerboxbotsf{ margin-top: 10px;}
.cont-register .btn{height:35px;line-height:35px;text-align:center;cursor:pointer;display:inline-block;padding:0 40px;}
.cont-register input{font-size:14px;font-family: "微软雅黑";}
.hdui-btn{ border: 1px solid #ccc;}
.activitydetail .user_form{ width: 55%;padding-bottom: 50px;margin-top: 0;}

.Masklayer{position: fixed; top:0; left:0; right:0; bottom:0;  background:url(../Images/blackbg1.png) repeat; display: none; z-index:1000}
.ActMasklayerbox{width:530px; position: fixed;height:285px;  left:50%; top:50%; margin-left:-265px; margin-top: -135px; z-index: 21;background: #FFF;color: #2a2a2a;padding-bottom: 20px;}
.ActMasklayerbox h1{width:100%; height:45px; line-height: 45px;background: #e5e5e5; font-size: 16px; text-indent: 1em;font-weight: normal;}
.actexhwordcent{ width: 90%;margin:15px auto;overflow: auto;line-height: 22px;}
.actexhword .actexhwordcent p{ line-height: 23px;font-size: 14px;text-indent: 2em;}
.ActMasklayerboxbot{width:100%;float: left;}
.ActMasklayerboxbot .conmitbtn{float: left;width:80px;height:25px; background: #ff6100; text-align: center;line-height: 25px; color: #FFF; cursor: pointer;margin-left: 165px;border-radius: 3px;-webkit-border-radius: 3px;}
.ActMasklayerboxbot .conmitbtn:hover{background: #e2682b}
.ActMasklayerboxbot .cancelbtn{background: #cfcdce; color: #000; cursor: pointer;margin-left: 30px;}
.ActMasklayerboxbot .cancelbtn:hover{background: #d6d6d6}
.ActMasklayerbox .close{width:30px;height:30px; background: url(../img/sprit.png) no-repeat -170px 2px; position: absolute; top:5px;right:0;z-index: 99; cursor: pointer;}
.ActMasklayerboxbotsf #divSave{ margin-left: 152px;}
.tgxysmbox{ height: 445px;margin-top: -222px;}
.layui-layer-content.layui-layer-padding{ color: #333;}
/*展览*/

/*常设展览*/
.cszllist.graphicList li .imgwrap{ width: 183px;height: 237px;background: #1C1935;}
.cszllist.graphicList .detail{ padding-left: 183px;                                 }
.cszllist.graphicList .detail h2{ margin-top: 15px;}
.cszllist.graphicList li .detail p{line-height:32px;}
.temex.graphicList li .imgwrap{ width: 430px;height: 185px;}
.temex.graphicList li .detail{ padding-left: 430px;}
/*临时展览*/
ul.exlist{overflow: hidden;}
.exlist li{width: 48.5%;margin-top:35px;padding-bottom:20px;color:#fff;border-bottom:1px solid #1c1747;float: left;margin-right: 3%;}
.exlist li:nth-child(even){margin-right: 0;}
.exlist li i{ width: 100%;height: 215px;display: inline-block;overflow: hidden;}
.exlist li img{width:100%;height:auto;}
.exlist li h2{font-size:18px;margin-top:10px;line-height:38px;transition:0.3s;color: #fff;padding: 0 10px;}
.exlist li h2:hover{color:#6382F8;}
.exlist li p{line-height:28px;height: 84px;overflow: hidden;padding: 0 10px;text-indent:2em;}

/*资讯*/
.latestNews div.detail{position:relative;top:0;margin-left:275px;}
.latestNews div.detail h2 i.new{width:28px;height:28px;float:left;background:url(../img/inner/inew.png) no-repeat center;margin-top:5px;margin-right:10px;}
.latestNews div.detail.nopic{top:-9px;margin-left:0;}
.latestNews.graphicList li{margin-top:0;padding:25px 0 25px 15px;}
.latestNews.graphicList li .detail{ min-height: 115px;}
.latestNews.graphicList li .detail p{ margin-right: 120px;}

/*分页*/
.page{padding-top:40px ;overflow: hidden;}
.page ul.pages{ float: right;}
.page ul.pages li{float:left;width:auto;  margin:0 7px 0 0;}
.page ul.pages li a{ padding: 5px 13px;display: inline-block;color: #494384;background: #fffdf9;transition: 0.3s;}
.page ul.pages li:hover a{color:#fff;background-color: #8E84EF;}
.page ul.pages li.active a{color:#fff;background-color: #8E84EF;}
.page ul.pages li.disabled{ border-color: #e4d7b6;}
.page ul.pages li.disabled a{ cursor: default;color: #FFFDF9;background: #47445F;}
.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;}


/*典藏列表*/
.collectlist{ color: #9E9BB7;overflow: hidden;margin-top: 30px;margin-left: 60px;}
.collectlist>li{width: 204px;margin-top: 20px;margin-right: 15px;float:left;box-sizing:border-box;position: relative;height: 205px;}
.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: #1C1935;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;}
/*视频院线*/
.videolist li:hover{ cursor: pointer;}
.videolist li{ position: relative;}
.videolist li i.addicon:after{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background: transparent;content:'';width:100%;height:100%;position:absolute;left: 0;top: 0;}
.videolist li:hover i:after{background: rgba(8,6,5,0.55) url(../img/index/play.png) no-repeat center;}
.videolist p{line-height: 34px;padding: 0 10px;background-color: #0C0926;text-align: center;}

.classify{text-align: center;width: 80px;float: left;background: #19153b;border-radius: 5px;margin-left: -10px;}
.classify.fixed{ position: fixed;top: 190px;left: 192px;z-index:10;}
.classify li{ display: block; }
.classify li a{ display: block;color: #fffdf9;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding: 20px 0;margin: 10px 0;}
.classify li a:hover{ color: #869FFD;}
.classify li a i{ display: block;width: 30px;height: 30px;background: url(../img/txyymenu.png) no-repeat 0 0;margin-left: auto;margin-right: auto;margin-bottom: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.classify li a i.flower{ background-position-x: 0; }
.classify li a i.movieIntro{ background-position-x: -30px; }
.classify li a i.viewnotes{ background-position-x: -60px; }
.classify li:hover i{background-image: url(../img/txyymenuactive.png);}
.classify li.chose i{ background-image: url(../img/txyymenuactive.png); }