.tr{text-align:right!important} .tl{text-align:left!important} .tc{text-align:center!important} .fl{float:left} .fr{float:right} a:focus, a:hover{ color: #000;} .hide {display:none;} .mb30{margin-bottom:30px;} /* body {color:#666666; } body {min-width: 1200px;} */ .mineBox{position:relative; width: 100%; max-width: 1200px; margin: 10px auto 20px; } .lightBg{background: #fffa;} #nav-bar { background: #2c91fc; width:100%; } .ion-android-star{color: #2c91fc;} /*slider*/ /*#slider{min-width: 1200px;position: relative;margin-bottom: 20px;} .slide{width: 100%;position: relative;overflow: hidden;height:859px;} .slide ul{position: absolute;top:0;left:0;height:100%; width: 100%;} .slide li,.slide li>a{width:100%;height:100%;} .slide li img{width: 100%;height: 100%;}*/ /* .slider {background:#000;margin:0 auto;position:relative;width:100%;overflow:hidden;} .slider .bd {position:relative;} .slider .bd li a {width:100%;vertical-align:top;} .slider .bd li img {width:100%;vertical-align:top;} .slider .bd .banner-txt{width:800px;top:270px;height:100px;z-index:1;margin:0 0 0 310px;position:absolute;} .slider .bd .banner-txt .b-tlt {font-size:38px;line-height:42px;text-align:center;text-shadow:-1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;} .slider .bd .banner-txt .b-tlt a {color:#fff;} .slider .bd .banner-txt .more-txt {text-transform:uppercase;padding:10px 40px;font-size:14px;background:#fff;width:150px;height:36px;line-height:16px;margin:10px 0 0 10px;} .slider .bd .banner-txt .more-txt a{color:#000;} .slider .hd {position:absolute;bottom:5%;width:100%;height:9px;z-index:1;} .slider .hd ul {width:90%;margin:0 auto;text-align:center;} .slider .hd ul li {display:inline-block;*display:inline;zoom:1;width:9px;height:9px;margin:0 3px; background:#2c91fc;line-height:999px;overflow:hidden;cursor:pointer;border-radius:10px;} .slider .hd ul .on {background:#fff;} .news_slider .hd {position:absolute;bottom:5%;right:5%;width:auto;height:14px;z-index:1; float: right;} .news_slider .hd ul {width:auto;margin:0 auto;text-align:center; display: flex;} .news_slider .hd ul li {display:inline-block;*display:inline;zoom:1;width:6px;height:6px;margin:0 3px;background:#2c91fc;line-height:999px;overflow:hidden;cursor:pointer;border-radius:0px;} .news_slider .hd ul .on {background:#ccc;} */ /*列表分页样式*/ .mainpage{padding:5px 30px;line-height:34px;width:100%;max-width:640px;margin:0 auto;color:#aaa;height:50px} .mainpage .page{float:left;display:block} .mainpage .info{float:right;display:block} .mainpage a{margin:2px;display:block;color:#666;min-width:30px;padding:2px 8px;float:left;text-align:center;font-size:16px;line-height:30px;background-color:#fff;border:1px solid #ddd;font-weight:700;border-radius:5px} .mainpage a:hover{color:#666;background-color:#eee;text-decoration:none} .mainpage a.select{color:#666;background-color:#eee;text-decoration:none} /* 焦点图2 */ .focusBox { float:left; position: relative;width: 100%; height: 100%; margin-bottom:0px; margin-top:0px; overflow: hidden;/* font-family:Arial;*/ text-align: left; background:#fff; padding:0px; border:0px solid #ccc;} .focusBox .pic{ width:100%; height:100%;width: 100%; height: 100%; } .focusBox .pic li a{ display: block;width:100%; } .focusBox .pic img { width: 100%; height: 100%; display: block; } .focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; } .focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-0px;} .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; } .focusBox .txt li a i{ line-height:36px; padding-right:10px;} .focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; } .focusBox .num li{ display: block!important;} .focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; } .focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; } .focusBox .num li.on a,.focusBox .num a:hover{ background:#2c91fc; } /* banner */ #banner .txt-bg{ display: none;} #banner .focusBox .txt{ display: none;} #banner .focusBox .num{ right: 50%; bottom: 15px; width:auto; position: absolute; text-align: center;} #banner .focusBox .num li{ display: inline-block!important; text-indent: -99px; text-align: left; width: 8px; height: 8px;border-radius: 50%; margin: 0 10px;} .h_1_style {width: 100%; border-bottom: 2px solid #2c91fc; margin: 5px auto;} .h_1_style .link{font-size: 14px;color: #ffffff;background: #a7a7a7;margin: 5px 0 0 3px;padding: 0 5px;font-weight: normal;} .h_1_style .link:hover,.h_1_style .link.active{background: #2c91fc;} .h_1_style h2{ /* margin: 5px 0 5px 10px; padding-left: 5px; */ line-height: 30px; display: block;; float: left; font-size: 22px; /* border-left: 5px solid #2c91fc; */ color:#ffffff; padding: 5px 20px; background: #2c91fc; } .h_2_style {width: 100%; border-bottom: 2px solid #eee;} .h_2_style li{ float: left; list-style: disc; padding-right: 20px;} .h_2_style .fr li{font-size: 14px;color: #a7a7a7;margin: 0px;padding: 0px;font-weight: normal;float: left; list-style: disc; padding-right: 20px;} .h_2_style a{font-size: 14px;color: #a7a7a7;margin: 0px;padding: 0px;font-weight: normal;} .h_2_style a:hover,.h_2_style a.active{color: #2c91fc;} .h_2_style h2{ /* margin: 5px 0 5px 10px; padding-left: 5px; */ line-height: 30px; display: block;; float: left; font-size: 22px; /* border-left: 5px solid #a7a7a7; */ color:#2c91fc; padding: 5px 20px; background: #e7e7e7; } a.more-style{float: right;background: none; color: #a7a7a7;font-size: 18px;font-weight: normal;margin-top: 7px;margin-right:10px;} a.more-style i{width: 13px; margin-left: 5px; /* height: 13px; background: url(../images/icon.png) no-repeat -19px -35px;margin-left: 5px; */ } a.more-style:hover{color: #2c91fc;} a.more-style1{float: right;background: none;color: #2c91fc;font-size: 18px;font-weight: normal;margin-top: 7px;margin-right:10px;position: absolute;right: 1px;bottom: -12px;} a.more-style1 i{ /* width: 13px;height: 13px;background: url(../images/icon.png) no-repeat -19px -35px;margin-left: 5px; */ } .indicator{width: 100%;height: 20px;text-align: center;position: absolute;bottom: 24px;} .indicator a{width: 36px;height: 5px;background: #ffffff;margin-right:10px;} .indicator a:hover,.indicator a.now{background: #2c91fc;} /*slider*/ /* #focus .frame{overflow:hidden;position:relative;} #focus{ margin:0 auto;} #focus .child{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;left:0;top:-1px;width:100%;height:100%; } #focus .nav_i{position:absolute;left:0;bottom:50px;text-align:center;width:100%;} #focus .nav_i i{background:url(/content/images/dot1.png) right center no-repeat;width:11px;height:11px;display:inline-block;margin:0 3px;cursor:pointer;} #focus .nav_i i.now{background-position:left center;} */ /*quick-start*/ /* .quick-start{ width:100%; background: #f7f7f7;height: 130px;margin-bottom: 50px;} .quick-list{width: 1225px;margin: 0 auto;padding: 27px 0;} .quick-list li{float: left;width: 220px;height: 76px;margin:0 35px;} .quick-list li a{display: inline-block;width: 100%;height: 100%;position: relative; } .quick-list li a img{width: 76px;height: 76px; border-radius:100%; position:absolute; left:0; z-index:1;} .quick-list li a span{position: absolute;margin-left: 14px;font-family: 微软雅黑;top: 10px;} .quick-list li a span var {font-style:normal;} .quick-list li a span h3{color: #444444;font-size: 20px;font-weight: normal;} .quick-list li a:hover span h3{color:#2c91fc;} .quick-list li a span p{color: #c0c0c0;font-size: 16px;} */ /*.quick-list li a img:hover{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; }*/ /* .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; width:76px; height:76px; } .hvr-outline-out:after { content: ''; position: absolute; border: #d8363e solid 1px; border-radius:100%; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; -moz-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74); -o-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74); -webkit-transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74); transition-timing-function: cubic-bezier(0.53, -0.67, 0.73, 0.74); } .hvr-outline-out:hover:after, .hvr-outline-out:focus:after, .hvr-outline-out:active:after { top: -6px; right: -6px; bottom: -6px; left: -6px; } */ .Index_Page .mineBox{ background: none;} /*news*/ /* #news,#events,#book-exp,#subject,.dht{width: 1160px;margin: 20px auto 45px;} */ .Index_Page .newsBox{margin-top: 30px; position: relative;} .Index_Page .IndexNewsListTabs_tab{ display: block;position: absolute; top: 0px; right: 0; border: 0;} /* .news-slide{width: 780px;height: 406px;} .slide-img .m-text {line-height: 38px;text-align: right;width: 780px;} .slide-img .mask {width: 780px;} .news-slide ul{height: 412px;width: 3770px;position: absolute;top:0;left:0;overflow:hidden;} .news-slide ul li{float: left;width: 780px;} .news-slide ul li a,.news-slide ul li img {width:780px;height:406px;position:absolute;} .news-slide ul li span {text-indent:1em;width:780px;display:inline-block;position:absolute;bottom:6px;z-index:99;left:0px;line-height:30px;background-color:rgba(33,33,32,0.6);color:white;padding-left:5px;font-size:14px;} */ .Index_Page .news-slider {width: 830px;height: 406px; float: left;} .Index_Page .news-slider img{width: 830px;height: 406px;} .head-box .topBanner-slider {width: 650px;height: 80px; float: left; margin-top:8px;} .head-box .topBanner-slider img{width: 650px;height: 80px;} .head-box .topBanner-slider .focusBox .txt-bg{display:none;} .head-box .topBanner-slider .focusBox .num{display:none;} .head-box .topBanner-slider .focusBox .txt{display:none;} .Index_Page .news-text{width: 360px;height: 406px;overflow: hidden;position: relative;} .Index_Page .news-text h2 {height:25px;} .Index_Page .news-text h2 a,.Index_Page .news-text-bt h3 a{font-size: 18px; color: #cc7462; font-weight: 600;line-height: 25px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;width: 345px;} .Index_Page .news-text p{line-height: 22px;} .Index_Page .news-text .intro{height: 47px;font-weight: 600;position: relative;margin-bottom: 9px; overflow: hidden;text-align:justify;} .Index_Page .news-text .intro a{position: absolute;bottom:0;right:0;color: #c4a47b;} .Index_Page .time{color: #707070;margin: 5px 0;} .Index_Page #ycsx li {cursor:pointer;} .Index_Page .news-list li{padding: 12px 20px;background: #f3f3f3;margin-bottom: 5px;} .Index_Page .news-list li .list-title{width: 320px;overflow: hidden;display:block;text-overflow: ellipsis;white-space: nowrap;font-size: 14px; color: #cc7462; font-weight: 600;line-height: 26px;} .Index_Page .news-list li span{color: #707070;} .Index_Page .news-list li.last-more{padding-bottom: 22px;position: relative;} .Index_Page .news-list .more{width: 100%;height: 28px;font-size:18px;font-weight:normal;color: #ffffff;background: #cc7462;text-align:center;position: absolute;right:0;bottom:0;} .Index_Page .news-list .more:hover{ background: #ab8e68;} .Index_Page .news-list .more i{width: 13px; margin-left: 5px; /* height: 13px;background: url(../images/icon.png) no-repeat 0 -35px;margin-left: 5px; */ } .Index_Page .name-content{display:none;} .Index_Page .name-time {display:block;} .Index_Page .news-list li.show {padding:0 20px;background:white;} .Index_Page .show .name-content{display:block;} .Index_Page .show .name-time {display:none;} .Index_Page .slide-img .mask span{color: white;vertical-align: -webkit-baseline-middle;margin-left: 15px;} /* 美术档案 */ .Index_Page .msdaTab{} .Index_Page .msdaTab .tab-nav{ padding-left: 20px;} .Index_Page .msdaTab .tab-nav li{ padding: 10px ; float: left; min-width: 100px; text-align: center;} .Index_Page .msdaTab .tab-nav .on{ background: #ff9900; color: #fff; border-radius: 0 0 8px 8px;} .Index_Page .msdaTab .tab-nav .on a{color: #fff;} .Index_Page .msda_list{} .Index_Page .msda_list li{ width: 150px; height: 150px; float: left; display: block; margin: 10px; position: relative;} .Index_Page .msda_list li img{width: 150px; height: 150px; } .Index_Page .msda_list li span, .Index_Page .msda_list li h4 { position: absolute; bottom: 0;left: 0; width: 100%; height: 30px; line-height: 30px; background: rgba(0,0,0,0.7); text-align: center; color: #fff;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} /* 最新加盟 */ .Index_Page .zxjm{ padding: 10px 10px 30px;;} .Index_Page .zxjm h3{ background: #bc4c34; line-height: 20px; padding: 15px 5px; display: block; width:40px; height:70px; color:#fff; border-radius: 0 5px 5px 0; float: left;} .Index_Page .zxjm ul{ float: left; width:1100px; padding: 10px;} .Index_Page .zxjm ul li{ float: left;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; padding: 6px; max-width: 90px;} .Index_Page .zxjm ul li a{ display: inline;} .Index_Page .dht ul li {display:inline-block;margin-right:15px;} .Index_Page .dht ul li:last-child {margin-right:0;} /*event*/ /* .Index_Page .event-fl{width: 95px;min-height: 200px;background: url(../images/event-title.png) no-repeat left top;border-right: 3px solid #cccccc;background-size: 80%;} .Index_Page .event-fl ul{width: 70px;padding-left: 35px;margin-top: 310px;margin-right: -10px;} .Index_Page .event-fl ul li{height:78px;line-height: 78px;margin-bottom: 18px;} .Index_Page .event-fl ul li a{font-size: 20px;font-weight: 600;font-family:"Microsoft yahei";} .Index_Page .event-fl ul li.active{background: url(../images/selected.png) no-repeat 60px 0;} .Index_Page .event-fl ul li.active a{color: #0321b6;} .Index_Page .event-fr{width: 1015px;} .Index_Page .event-fr ul{height:592px;overflow: hidden;} .Index_Page .event-fr ul li{height: 184px;margin-bottom: 30px;} .Index_Page .event-text{width: 740px;height:183px;border-bottom: 3px solid #dddddd;} .Index_Page .event-text h3 a{font-size: 17px;color: #333333;width: 700px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .Index_Page .event-text h3 a:hover{color: #2c91fc;} .Index_Page .event-text p{line-height: 22px;} .Index_Page .event-text p.text {height: 88px;overflow: hidden;font-size:12px;text-indent: 2em;text-align:justify;} .Index_Page .event-text .time{margin-bottom:10px;} .Index_Page .look-det{width: 58px;height: 18px;line-height:18px;color:#FFFFFF;background: #0321b6;text-align: center;margin-top: 10px;} .Index_Page .look-det:hover{background: #bea17b;} .Index_Page .event-img{width: 236px;height: 164px;overflow: hidden;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 1px solid #eae6e1; text-align: center;} .Index_Page .event-img img{transition: transform 0.7s;height:100%;} .Index_Page .event-img:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform:scale(1.1);-ms-transform: scale(1.1);} */ /*book*/ /* #book-exp{margin-top: 25px;} #book-exp h1{margin-bottom: 20px;} #book-exp h1 img {width:120px;} */ .Index_Page .book-con{width: 100%;border: 1px solid #eae6e1;background: #f3f3f3;padding-top: 20px;} .Index_Page .book-list{height: 220px;position: relative;} .Index_Page .book-slide{width: 1060px;height: 220px;margin: 0 auto;position: relative;overflow: hidden;} .Index_Page .book-slide ul{position: absolute;top:0;left:0;height: 220px;} .Index_Page .book-slide ul li{position:relative;float: left;width: 190px;height: 190px;padding:15px 0;border: 1px solid #eae6e1;background: #ffffff;text-align: center;margin: 0 10px 10px 10px;/* border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow: 1px 1px 6px #dddddd;-moz-box-shadow:1px 1px 6px #dddddd;-webkit-box-shadow: 1px 1px 6px #dddddd;*/ overflow: hidden; } .Index_Page .mask-layer{display:none;position:absolute;width: 100%;height: 100%;top:0;left:0;background: #0321b6;opacity: 0.85;filter:alpha(opacity=85);border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;} /*.mask-con{display:none;position:absolute;width: 100%;height: 100%;top:0;left:0;}*/ .Index_Page .mask-con{width:192px;top:300px;cursor: pointer;position: absolute;transition: all 1.0s;left:-1px} .Index_Page .mask-con-text{width: 192px;height: 118px;border-bottom:1px solid red; color:#FFFFFF;text-align:center;transform: translateY(-100px);-webkit-transform:translateY(-100px);-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);background-color: rgba(0,0,0,0.3)} .Index_Page .mask-con-text h3{padding: 15px;font-size: 15px;font-weight: normal;overflow: hidden;max-height: 70px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } .Index_Page .mask-con-text h4{font-size: 16px;line-height: 32px;font-weight: normal;overflow: hidden;height:42px;} .Index_Page .mask-con-text .look{font-size: 14px;color: #FFFFFF;background:#b79c7a;padding: 4px 15px;border: 1px solid #ebe1d4;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-top: 35px;position: absolute;bottom: 30px;left: 52px;} /*.book-slide ul li:hover .mask-con,.book-slide ul li:hover .mask-layer{display: block;}*/ .Index_Page .book-slide ul li:hover .mask-con,.Index_Page .book-slide ul li:hover .mask-con {top:220px;opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .Index_Page .book-slide ul li img {width:132px;height:132px;transition: all 0.8s;} .Index_Page .book-slide ul li a {transition: all 0.8s;} .Index_Page .book-slide ul li:hover a {padding-top:20px;transition: all 0.8s;} .Index_Page .book-slide ul li:hover p, .Index_Page .book-slide ul li:hover span {display:none;} .Index_Page .book-slide ul li:hover img { transform: scale(1.2);top:0px;transition: all 0.8s;} .Index_Page .book-slide ul li p{color: #593939;font-size: 14px;font-weight:600;margin: 5px 0;overflow:hidden;text-indent:inherit;white-space:nowrap;width:168px;text-overflow: ellipsis;} .Index_Page .book-slide ul li span {overflow: hidden;text-indent: inherit;white-space: nowrap;width: 168px;text-overflow: ellipsis;} .Index_Page .book-list>.arrow-left{left:0;position: absolute;top:50%;margin-top: -32px;} .Index_Page .book-list>.arrow-right{right:0;position: absolute;top:50%;margin-top: -32px;} /* 出版常识 */ .Index_Page .cbcsBox{ width: 340px; height: 295px; float: left;} .Index_Page .indexInfoList{} .Index_Page .indexInfoList ul{ padding:10px 0 10px 30px; display: block;} .Index_Page .indexInfoList ul li{float: left; list-style: disc;height: 30px;line-height: 30px;width: 100%; border-bottom: 1px solid #fcfcfc; } .Index_Page .indexInfoList ul li::marker{ float: left; top: 0; margin: 0; padding: 0; color:#ccc;;} .Index_Page .indexInfoList ul li a{ display: block; white-space:nowrap;text-overflow:ellipsis; overflow: hidden; height: 30px;line-height: 30px; font-size: 16px;width: 100%;} /* 图书推荐 */ .Index_Page .tstjBox{width: 850px; height: 295px; float: left; margin-left: 10px;} .Index_Page .indexBooksList{} .Index_Page .indexBooksList ul{} .Index_Page .indexBooksList ul li{width: 273px; height: 110px; float: left;overflow: hidden; margin: 5px; background: #fafafa;} .Index_Page .aBook{ width: 100%; height: 110px; float: left;} .Index_Page .aBook .pic{ width: 90px; height: 90px; float: left; margin: 5px;} .Index_Page .aBook .pic img{width: 90px; height: 90px; float: left;} .Index_Page .aBook .info{ width: 165px; height: 130px; float: left; margin-left: 5px;} .Index_Page .aBook .info span{ white-space:nowrap;text-overflow:ellipsis; overflow: hidden; display: block;width: 100%;;} .Index_Page .aBook .info .l_title{height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #2c91fc;} .Index_Page .aBook .info .l_name{height: 20px; line-height: 20px; font-size: 12px; color: #bbb;} .Index_Page .aBook .info .l_content{ display: block; overflow: hidden; height: 60px; line-height: 20px; font-size: 12px; color: #999;} .Index_Page .aBook .info .l_price{height: 26px; line-height: 26px; font-size: 12px; color: #bbb; text-align: left;} .Index_Page .aBook .info .l_price b{ color: #2c91fc;} .Index_Page .aBook .info .l_time{height: 26px; line-height: 26px; font-size: 12px; color: #bbb; text-align: right;} /*book2*/ .Index_Page .book-text{margin-top: 20px;border-top: 1px dotted #848484;position:relative;} .Index_Page .book-text>.common>ul{margin: 0 auto;width: 100%;padding:15px 0 0px 40px;background: url(../images/list.png) no-repeat left center;min-height: 221px;display:inline-block; overflow:hidden;} .Index_Page .book-text>.common>ul>li{float:left;width: 510px;padding:20px 20px; border: 1px solid #f3f3f3;} .Index_Page .book-text>.common>ul>li:first-child{border-right: 1px dotted #848484;} .Index_Page .book-text>.common>ul>li:hover{ color: #999; border-bottom: 1px solid #e3e3e3;} .Index_Page .book-text>.common>ul>li a{ color: #848484;} .Index_Page .book-text>.common>ul>li a:hover{ color: #999;} .Index_Page .book-text>.common>ul>li .pic{ float: left; width: 65px;padding: 0 15px 15px 0;} .Index_Page .book-text>.common>ul>li .pic img{ width: 50px; height: 50px;float: left; } .Index_Page .book-text>.common>ul>li span{ display: block; float: left; width: 100%; font-size: 14px;} .Index_Page .book-text>.common>ul>li .info{width:310px;} .Index_Page .book-text>.common>ul>li .title{font-size: 18px;color: #2c91fc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%; height: 30px; font-weight: bold;; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;} .Index_Page .book-text>.common>ul>li .p_contet{ height: 72px; text-indent: 30px;} .Index_Page .book-text>.common>ul>li .time{ text-align: right; color: #ccc;} .Index_Page .book-text .common {width: 1060px;height:auto;margin: 0 auto;position: relative;overflow: hidden;} .Index_Page .book-text > .book-left {position: absolute;margin: auto auto;height: 206px;line-height: 206px;} .Index_Page .book-text > .book-right {position: absolute;right: 0;height: 206px;line-height: 206px;} /*??*/ /* .Index_Page #teacher{width: 1160px;height: 206px;margin:20px auto 80px;background: url(../images/teacher-bg.png) no-repeat;position: relative;} .Index_Page #teacher a{position: absolute;bottom: 35px;width:256px;height:138px;} .Index_Page #teacher a img {position:absolute;top:44px;left:30px;} .Index_Page #teacher a.first{right:610px;background: url(../images/bg-stylebook.jpg) no-repeat;} .Index_Page #teacher a.second{right: 320px;background: url(../images/bg-teaching.jpg) no-repeat;} .Index_Page #teacher a.three{right:30px;background: url(../images/bg-marketing.jpg) no-repeat;} .Index_Page #teacher a:hover img{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } */ /*sub*/ .Index_Page .sub-con{ margin: 10px -40px 20px 0px;} .Index_Page .sub-con img{width:260px;height:130px; } .Index_Page .sub-con ul li{ width:290px; height:245px; float:left; border-top:5px solid #eae6e1; margin:0 20px 20px 0px;text-align: center; cursor: pointer; background: #f3f3f3;overflow:hidden;position:relative;} .Index_Page .sub-con ul li:hover{background: #fafafa;border-top:5px solid #2c91fc;} .Index_Page .sub-con ul li .border{border:1px solid #eae6e1; background-color:#f9f9f9; border-top:none; height:124px; } .Index_Page .sub-con ul li h5{ font-size:18px; color:#222; line-height:50px; height:50px; text-align:center; } .Index_Page .sub-con ul li p{ font-size:14px; color:#888; line-height:24px; text-align:center; padding:10px 14px; height:34px; overflow:hidden;font-weight:600;} .Index_Page .sub-con ul li span{display:block; width: 236px; height: 0; border-top:2px solid #d0d0d0; margin: 0 auto;} .Index_Page .sub-con ul li:first-child{/*background: url(../images/sub-con-bg-sel.png) no-repeat;*/ position: relative;} .Index_Page .sub-con ul li:first-child b{display: inline-block;width: 45px;height: 45px;background: url(../images/NEW-ICON.png) no-repeat;position: absolute;top:2px;left:3px;} .Index_Page .sub-title img {width:120px;} .Index_Page #ddddiv .btn-a {position: absolute;left: 147px;width: 80%;text-align: center;z-index: 4;bottom:-16px;} .Index_Page #ddddiv .btn-a a {display: inline-block;width: 20px;height: 20px;} .Index_Page #ddddiv .btn-a a b {display: block;margin: 6px;width: 8px;height: 8px;border-radius: 50%;background: #fff;} .Index_Page #ddddiv .btn-a a.now b {background: #901d23;} .Index_Page .sub-con ul li p.ztjs {text-align:left;height: 60px;font-weight:500;text-align: justify; text-indent: 30px;} .Index_Page .logicaltitle { color:#901d23 !important;opacity: 0.4;z-index: 999;position: absolute;background: #fff;width: 260px !important;height: 16px!important;padding: 5px; } /* .spantype { background-color: #ffd800; color: #9b8200; padding: 19px 20px 0px; position: absolute; left: -28px; top: -14px; font-size: 12px; font-weight: bold; transform: rotate(-36deg); display: block !important; float: left; width: 85px !important; min-height: 40px; box-sizing: border-box; } */ .Index_Page .friendLinks{ background: #333; color: #eee; clear: both; padding: 10px 0;} .Index_Page .friendLinks h3{ display: block; text-align: center; color: #fff; line-height: 50px; font-size: 18px;} .Index_Page .friendLinks ul{ display: block;; width: 1200px; margin: 0 auto;} .Index_Page .friendLinks ul li{ display: block;float:left;white-space:nowrap;;padding: 5px 10px;} .friendPicsLinks{ background: #333; color: #eee; clear: both;padding: 20px 0;} .friendPicsLinks h3{ display: block; text-align: center; color: #fff; line-height: 50px; font-size: 18px;} .friendPicsLinks ul{ display: block;; width: 1200px; margin: 0 auto;} .friendPicsLinks ul li{ display: block;float:left;white-space:nowrap;;padding: 5px 10px;} .friendPicsLinks ul li img{ width: 112px; height: 56px;} /************* 内页 *************/ /* .breadcrumb{width:1160px;height: 30px;line-height: 30px;margin: 15px auto;} .breadcrumb a{color: #2c91fc;} #textbook-con{width: 1160px;margin: 15px auto;} */ .titleLable{ text-align:left; color:#aaa; border-bottom:1px solid #eee; line-height:2.5rem; font-weight: normal;} .titleLable label{ font-weight: normal;} .before_and_next_news{ text-align:left; padding:20px 20px 30px; border-top:1px dotted #eee;font-size:12px; line-height:30px;} .lineRed{border-bottom:2px solid #2c91fc;} .thumbnail{ width:90%; height:auto; margin:10px auto; float:none; text-align: center; padding: 30px;} .thumbnail img{ width:100%; max-height: 350px;} /*left*/ .news-left{width: 228px;border: 1px solid #eae6e1;} .news-left h3{height: 32px;line-height: 32px;background: #2c91fc;font-size: 18px;color: #ffffff;text-align: center;} .news-left ul li{border-bottom: 1px dotted #8a8a8a;padding:0 20px;height:70px;background: #f3f3f3;line-height: 70px;} .news-left ul li.news-sec{line-height: 24px;padding: 11px 20px;height:48px;} .news-left ul li i{ /* width: 4px;height:4px; */ /* background: url(../images/rect-icon.png) no-repeat */ margin:0 5px 5px 0;*margin-bottom:0;} .news-left ul li>a{width:100%; /* background: url(../images/circle-arrow.png) no-repeat right center; */ text-align: center; font-size: 18px;color: #333333;} .news-left ul li:hover, .news-left ul li.active{background: #eae6e1;} .news-left ul li p{padding-left: 9px;} .news-left ul li p a{margin-right: 15px;} /*导航*/ /* .breadcrumb{clear:both;overflow:hidden;margin:0;padding:6px 0;color:#777;list-style:none; background: none;} .breadcrumb>li{display:inline-block} .breadcrumb>li+li:before{padding:0 2px;color:#777;content:">"} .breadcrumb .breadcrumb-item::before{padding: 0;;} .breadcrumb>.active{color:#777} .breadcrumb .breadcrumb-item::before{color:#777} .breadcrumb a{color:#777} .breadcrumb li,.breadcrumb li *,.breadcrumb li:before{float:left} .breadcrumb li,.breadcrumb li *{font-size:14px;line-height:23px} .breadcrumb li:nth-child(2):before{content:""} .breadcrumb li:nth-child(2) i{margin:0 0px} */ /*重点推荐*/ .subject-wrap{width: 100%;border: 1px solid #eae6e1;margin: 35px auto 35px;position: relative;} .sub-rec h1,.book-con-wrap h1{margin: 22px;} .book-exp-list{width: 1080px;margin: 0 auto 10px;*margin-bottom: 40px;} .book-exp-list ul li{float: left;width: 160px;margin: 10px 10px 20px;padding: 10px 20px;overflow: hidden;} .book-exp-list ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);} .book-exp-list ul li>a{box-shadow: 2px 4px 10px rgba(0,0,0,0.3);} .book-exp-list ul li > a img {width:115px;height:160px;border:1px solid #e0dbd5;} .book-exp-list ul li .text a{font-size: 14px;color: #333333;margin-top: 8px;width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;} .book-exp-list ul li .text a:hover{color: #2c91fc;} .book-exp-list ul li .text h4{color: #666666;margin: 3px 0;font-weight: normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .book-exp-list ul li .text p{color: #2c91fc;font-size: 14px;} /******* page NewsShow_Page *******/ /*main_con_left*/ .main_con_left{width:842px;margin-left:40px;min-height:700px;} .main_con_left h3{font-size:20px;font-weight:normal;color:#000; line-height: 50px; line-height: 4;} .news_time{ display: block; line-height: 30px;} .news_time span{margin-right:34px;color:#555555;font-size:14px;} .edit{ border-bottom: 3px dotted #eee;} .news_img{width:740px;height:418px;border:1px solid #dbdbdb;background:#f9f9f9;margin-top:16px;} .news_img img{width:710px;height:388px;margin:15px;} .news_content{width:100%;border-bottom:1px solid #dbdbdb;padding:12px;min-height: 450px; font-size:16px;color:#888;line-height:2.4; } .news_content center {margin-bottom:10px;} .news_content p{text-align:justify;text-justify:inter-ideograph;} .news_content .editor{color:#818181;margin-bottom:0px;padding-top:20px;} .shopInfo_content{ padding: 20px 5px;} .shopInfo_content>div{ padding:5px;} /*main_con_right*/ .NewsShow_Page .con_title{background:#f9f9f9;padding:10px 0;} .NewsShow_Page .con_title p{margin:0 15px;height:20px;line-height:20px;border-left:6px solid #2c91fc;padding-left:10px;font-size:18px;color:#333333;position:relative;} .NewsShow_Page .main_con_right{width:288px;margin-top:20px;} .NewsShow_Page .hot_list{padding:15px 16px;} .NewsShow_Page .hot_list li{line-height:28px;} .NewsShow_Page .hot_list li a{color:#333333;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 260px; display: block;} .NewsShow_Page .hot_list li a:hover{color:#2c91fc;} .NewsShow_Page .hot_list li a span{font-size:12px;text-align:center;margin-right:5px;display:inline-block;width:15px;height:15px;line-height:15px;background:#dddddd; border-radius: 15px;} .NewsShow_Page .hot_list li a .dot_oringe{background:#0321b6;color:#FFF;} /******* page AboutShow_Page *******/ .AboutShowBox{ width: 952px;margin-left: 20px; border: 1px solid #eae6e1;} .AboutShowBox>h3{ display: block; line-height: 50px; text-align: center; font-size: 18px ; background: #f3f3f3; border-bottom: 1px solid #eae6e1;; } .AboutShowBox .news_content{ padding: 30px 80px; line-height: 2; font-size: 16px;} /******* page NewsList_Page *******/ /*right*/ /* .NewsList_Page .news-right{width: 100%;} .NewsList_Page .news-right-con{width: 100%;padding:33px;min-height: 200px;border: 1px solid #eae6e1;border-top: 3px solid #2c91fc; background: #fff;} .NewsList_Page .news-list{margin-top: 10px;} .NewsList_Page .news-list li{padding: 20px;border-bottom: 1px dotted #8a8a8a;} .NewsList_Page .news-list .text{width: 820px;height: 116px;overflow: hidden;} .NewsList_Page .news-list .text h3 a{font-size: 16px;margin-top: 5px; line-height: 2;} .NewsList_Page .news-list .text h3 a span{color: #0321b6;} .NewsList_Page .news-list .text h3 a{font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 35em;} .NewsList_Page .news-list .text p{line-height: 24px;margin-top: 10px;font-size: 13px;color: #555555;text-align:justify;text-indent:2em;} .NewsList_Page .news-list>li>p{color: #888888;margin-top: 10px;} .NewsList_Page .news-list>li>p>span{color: #0321b6;} .NewsList_Page .news-list li:hover{background: #fafafa;} .NewsList_Page .news-list-con>a{width: 182px;height: 112px;border: 2px solid #e0dbd5;overflow: hidden;text-align:center;} .NewsList_Page .news-list-con>a img{transition: transform 0.85s;width: 100%;height: 100%;} .NewsList_Page .news-list-con>a img.jd{ width: 40%; height: 60%; margin-top: 21px; } .NewsList_Page .news-list-con>a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);} .NewsList_Page .news-list > p {text-align: center;color: #2c91fc;} */ /******* page PrduShow_Page *******/ .PrduShow_Page .textbook-left{width:320px} .PrduShow_Page .book-transform{position:relative;box-sizing:border-box;margin-top:23px;padding:26px 0 10px;width:320px;text-align:center} .PrduShow_Page .book-transform .large-img{cursor:-webkit-zoom-in} .PrduShow_Page .book-transform .large-img img:hover{transform:scale(1.4)} .PrduShow_Page .book-transform .large-img img{width:140px;height:195px;transition:all .6s} .PrduShow_Page .book-sm-trans{margin-top:15px;margin-left:1px;height:92px;text-align:left;font-size:0} .PrduShow_Page .book-sm-trans li{float:left;box-sizing:border-box;margin-left:10px;width:92px;height:92px;border:1px solid #eae6e1;vertical-align:middle;text-align:center;font-size:12px;line-height:90px} .PrduShow_Page .book-sm-trans li.active,.PrduShow_Page .book-sm-trans li:hover{border-color:#0321b6} .PrduShow_Page .book-transform .span0{display:none} .PrduShow_Page .book-transform .span1{background-color:#ffd800;color:#9b8200} .PrduShow_Page .book-transform .span1,.PrduShow_Page .book-transform .span2{position:absolute;top:-35px;left:-34px;padding:30px 20px 0;font-weight:700;font-size:12px;transform:rotate(-45deg)} .PrduShow_Page .book-transform .span2{background-color:#dc1070;color:#fff} .PrduShow_Page .series-book{margin-top:28px} .PrduShow_Page .h2-title{padding:0 20px;height:36px;background:#0321b6;color:#fff;font-size:18px;line-height:36px} .PrduShow_Page .h2-title a{color:#fff;font-weight:400} .PrduShow_Page .h2-title a i{width:13px} .PrduShow_Page .ser-book-list{box-sizing:border-box;padding:20px;border:1px solid #eae6e1;border-top:0;background:#f3f3f3} .PrduShow_Page .ser-book-list li{margin-bottom:26px;height:130px} .PrduShow_Page .ser-book-list li a img{width:100px;height:130px;-webkit-box-shadow:3px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 8px rgba(0,0,0,.3);box-shadow:3px 3px 8px rgba(0,0,0,.3)} .PrduShow_Page .book-text{overflow:hidden;margin-left:20px;width:152px;height:130px;font-size:14px;line-height:27px} .PrduShow_Page .book-text h3 a{overflow:hidden;width:152px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;font-size:14px} .PrduShow_Page .book-text p{overflow:hidden;width:148px;text-overflow:ellipsis;white-space:nowrap} .PrduShow_Page .book-text>a{color:#2c91fc;float: right;} .PrduShow_Page .textbook-right{margin-left:60px;width:780px} .PrduShow_Page .book-detail{margin:20px 0 30px} .PrduShow_Page .book-detail .book-title>span{width:680px;color:#333;font-weight:700;font-size:18px} .PrduShow_Page .book-title p a{margin-left:20px;color:#333;font-size:14px} .PrduShow_Page .book-title .sc i{margin-right:5px;width:16px;height:14px;background-image:url(../Images/heart_black.png)} .PrduShow_Page .book-title .change-title i{background-image:url(../Images/heart_red.png)} .PrduShow_Page .book-intro{margin:10px 0;color:#2c91fc;font-size:14px;line-height:22px} .PrduShow_Page .book-det-list{padding:10px 0;border:1px solid #eae6e1;background:#f3f3f3} .PrduShow_Page .book-det-list ul{float:left;width:48%;border-right:1px dotted #848484} .PrduShow_Page .book-det-list ul li{padding-left:20px;font-size:14px;line-height:32px} .PrduShow_Page .book-det-list ul li span{color:#2c91fc} .PrduShow_Page .btn-act{margin-top:30px} .PrduShow_Page .btn-act a{margin-right:10px;width:118px;height:38px;border:1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;text-align:center;font-size:18px;line-height:38px} .PrduShow_Page .btn-act .read{border-color:#c22f35;background:#de373e} .PrduShow_Page .btn-act .apply{border-color:#ba9361;background:#c4a47b} .PrduShow_Page .btn-act .btnDisabled{border-color:#9e9e9e;background:#9e9e9e} .PrduShow_Page .info-con{margin:20px auto} .PrduShow_Page .info-con h3{height:15px;border-bottom:2px solid #2c91fc;font-size:18px} .PrduShow_Page .info-con h3 span{padding-right:5px;background:#f9f9f9;color:#2c91fc;} .PrduShow_Page .info-con-text{margin-top:20px;line-height:28px} .PrduShow_Page .dir-tabs{height:36px;border-bottom:1px solid #eae6e1;line-height:32px} .PrduShow_Page .dir-tabs a{margin-right:30px;padding:0 8px;font-size:18px} .PrduShow_Page .dir-tabs a.active{height:35px;border-bottom:3px solid #2c91fc;font-weight:600} .PrduShow_Page .dir-con{margin:10px 0;min-height:30px;line-height:28px} .PrduShow_Page .dir-con a{color:#333} .PrduShow_Page .dir-con>.extend{color:#2c91fc} .PrduShow_Page .book-text p.jj{overflow:hidden;width:148px;text-overflow:inherit;white-space:normal;min-height: 60px; height: 60px;} /******* page PrduList_Page *******/ .PrduList_Page .book-list{border:1px solid #eae6e1} .PrduList_Page .book-con-wrap{width:100%;border:1px solid #eae6e1;background:0 0} .PrduList_Page .list-con{margin:10px;width:1160px;min-height:100px} .PrduList_Page .list-con h4{color:#666;font-weight:500;font-size:12px} .PrduList_Page .list-con ul li{position:relative;display:inline-block;overflow:hidden;margin-right:10px;padding:20px 25px;width:560px;height:210px} .PrduList_Page #booklist{border-bottom:1px dotted #ccc} .PrduList_Page #booklist .span0{display:none} .PrduList_Page #booklist .span1{background-color:#ffd800;color:#9b8200} .PrduList_Page #booklist .span1,.PrduList_Page #booklist .span2{position:absolute;top:-12px;left:-34px;padding:30px 20px 0;font-weight:700;font-size:12px;transform:rotate(-45deg)} .PrduList_Page #booklist .span2{background-color:#dc1070;color:#fff} .PrduList_Page .list-con ul li:hover{background:#fafafa} .PrduList_Page .list-con ul li>a{box-sizing:border-box;margin-top:16px;width:112px;height:150px;border:1px solid #e0dbd5} .PrduList_Page .list-con ul li>a img{width:110px;height:148px} .PrduList_Page .myres-text{overflow:hidden;margin-left:25px;width:342px;height:170px} .PrduList_Page .myres-text h3 a{display:block;overflow:hidden;margin:15px 0 12px;max-height:44px;color:#333;font-size:15px} .PrduList_Page .myres-text h3 a:hover{color:#2c91fc} .PrduList_Page .myres-text p span{display:inline-block;overflow:hidden;margin-right:4%;width:45%;color:#666;text-indent:inherit;white-space:nowrap} .PrduList_Page .myres-text .download{color:#666} .PrduList_Page .text-agl{color:#2c91fc;text-align:center} /******* page Pic2Show_Page *******/ .Pic2Show_Page .textbook-left{width:320px} .Pic2Show_Page .book-transform{position:relative;box-sizing:border-box;margin-top:23px;padding:26px 0 10px;width:320px;text-align:center} .Pic2Show_Page .book-transform .large-img{cursor:-webkit-zoom-in} .Pic2Show_Page .book-transform .large-img img:hover{transform:scale(1.4)} .Pic2Show_Page .book-transform .large-img img{width:140px;height:140px;transition:all .6s} .Pic2Show_Page .book-sm-trans{margin-top:15px;margin-left:1px;height:92px;text-align:left;font-size:0} .Pic2Show_Page .book-sm-trans li{float:left;box-sizing:border-box;margin-left:10px;width:92px;height:92px;border:1px solid #eae6e1;vertical-align:middle;text-align:center;font-size:12px;line-height:90px} .Pic2Show_Page .book-sm-trans li.active,.Pic2Show_Page .book-sm-trans li:hover{border-color:#0321b6} .Pic2Show_Page .book-transform .span0{display:none} .Pic2Show_Page .book-transform .span1{background-color:#ffd800;color:#9b8200} .Pic2Show_Page .book-transform .span1,.Pic2Show_Page .book-transform .span2{position:absolute;top:-35px;left:-34px;padding:30px 20px 0;font-weight:700;font-size:12px;transform:rotate(-45deg)} .Pic2Show_Page .book-transform .span2{background-color:#dc1070;color:#fff} .Pic2Show_Page .series-book{margin-top:28px} .Pic2Show_Page .h2-title{padding:0 20px;height:36px;background:#0321b6;color:#fff;font-size:18px;line-height:36px} .Pic2Show_Page .h2-title a{color:#fff;font-weight:400} .Pic2Show_Page .h2-title a i{width:13px} .Pic2Show_Page .ser-book-list{box-sizing:border-box;padding:20px;border:1px solid #eae6e1;border-top:0;background:#f3f3f3} .Pic2Show_Page .ser-book-list li{margin-bottom:26px;height:130px} .Pic2Show_Page .ser-book-list li a img{width:100px;height:130px;-webkit-box-shadow:3px 3px 8px rgba(0,0,0,.3);-moz-box-shadow:3px 3px 8px rgba(0,0,0,.3);box-shadow:3px 3px 8px rgba(0,0,0,.3)} .Pic2Show_Page .book-text{overflow:hidden;margin-left:20px;width:152px;height:130px;font-size:14px;line-height:27px; float: right;} .Pic2Show_Page .book-text h3 a{overflow:hidden;width:152px;color:#333;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:16px;font-size:14px} .Pic2Show_Page .book-text p{overflow:hidden;width:148px;text-overflow:ellipsis;white-space:nowrap} .Pic2Show_Page .book-text>a{color:#2c91fc} .Pic2Show_Page .textbook-right{margin-left:60px;width:780px} .Pic2Show_Page .book-detail{margin:20px 0 30px} .Pic2Show_Page .book-detail .book-title>span{width:680px;color:#333;font-weight:700;font-size:18px} .Pic2Show_Page .book-title p a{margin-left:20px;color:#333;font-size:14px} .Pic2Show_Page .book-title .sc i{margin-right:5px;width:16px;height:14px;background-image:url(../Images/heart_black.png)} .Pic2Show_Page .book-title .change-title i{background-image:url(../Images/heart_red.png)} .Pic2Show_Page .book-intro{margin:10px 0;color:#2c91fc;font-size:14px;line-height:22px} .Pic2Show_Page .book-det-list{padding:10px 0;border:1px solid #eae6e1;background:#f3f3f3} .Pic2Show_Page .book-det-list ul{float:left;width:48%;border-right:1px dotted #848484} .Pic2Show_Page .book-det-list ul li{padding-left:20px;font-size:14px;line-height:32px} .Pic2Show_Page .book-det-list ul li span{color:#2c91fc} .Pic2Show_Page .btn-act{margin-top:30px} .Pic2Show_Page .btn-act a{margin-right:10px;width:118px;height:38px;border:1px solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;text-align:center;font-size:18px;line-height:38px} .Pic2Show_Page .btn-act .read{border-color:#c22f35;background:#de373e} .Pic2Show_Page .btn-act .apply{border-color:#ba9361;background:#c4a47b} .Pic2Show_Page .btn-act .btnDisabled{border-color:#9e9e9e;background:#9e9e9e} .Pic2Show_Page .info-con{margin:50px auto} .Pic2Show_Page .info-con h3{height:15px;border-bottom:2px solid #2c91fc;font-size:18px} .Pic2Show_Page .info-con h3 span{padding-right:5px;background:#f9f9f9;color:#2c91fc;} .Pic2Show_Page .info-con-text{margin-top:20px;line-height:34px; font-size: 16px;} .Pic2Show_Page .dir-tabs{height:36px;border-bottom:1px solid #eae6e1;line-height:32px} .Pic2Show_Page .dir-tabs a{margin-right:30px;padding:0 8px;font-size:18px} .Pic2Show_Page .dir-tabs a.active{height:35px;border-bottom:3px solid #2c91fc;font-weight:600} .Pic2Show_Page .dir-con{margin:10px 0;min-height:30px;line-height:28px} .Pic2Show_Page .dir-con a{color:#333} .Pic2Show_Page .dir-con>.extend{color:#2c91fc} /******* page PrduList_Page *******/ /* .pic2_List{width: 1080px;margin: 0 auto 10px;*margin-bottom: 40px;} .pic2_List ul li{float: left;width: 160px;margin: 10px 10px 20px;padding: 10px 20px;overflow: hidden; text-align: center;} .pic2_List ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);} .pic2_List ul li>a{box-shadow: 2px 4px 10px rgba(0,0,0,0.3);} .pic2_List ul li > a img {width:115px;height:115px;border:1px solid #e0dbd5;} .pic2_List ul li .text a{font-size: 14px;color: #333333;margin-top: 8px;width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;} .pic2_List ul li .text a:hover{color: #2c91fc;} .pic2_List ul li .text h4{color: #666666;margin: 3px 0;font-weight: normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; min-height:33px;} .pic2_List ul li .text p{color: #2c91fc;font-size: 14px;} */ .pic2_List .single_product { margin-bottom: 30px;} .pic2_List .single_product .product_thumb img{ max-height: 180px;border:1px solid #eae6e1;height: 180px;width: 245px; } .Pic2List_Page .book-list{border:1px solid #eae6e1} .Pic2List_Page .book-con-wrap{width:100%;border:1px solid #eae6e1;background:0 0} .Pic2List_Page .list-con{margin:10px auto;max-width:1080px;min-height:100px; width: 100%; padding: 5px;} .Pic2List_Page .list-con h4{color:#666;font-weight:500;font-size:16px} .res-con-det-1{padding: 10px;} /* .res-con-det-1 .pic2_List ul li{float: left;width: 160px;margin: 10px 10px 20px;padding: 10px 20px;overflow: hidden; text-align: center;} */ /******* page guestbook_Page *******/ .guestbook_Page .pageContents{ padding: 2%; line-height:3.2rem; font-size:1.8rem; min-height:20rem; text-indent:0;} .guestbook_Page .bt{ padding-left:10px; font-size:20px; color:#666666; line-height:46px;} .guestbook_Page .bt2{ padding-left:15px; font-size:16px; color:#999; line-height:36px; margin:20px;} .guestbook_Page #form .form li{position:relative; /* float:left; */ padding:22px 14px;width:520px; overflow:hidden; clear: both; margin: 0 auto; } .guestbook_Page #form .form li label{ width: 80px; text-align: right;font-size:16px; font-weight: normal;} .guestbook_Page #form .form li .quired{position:absolute;top:34px;right:45px;color:#ff0000} .guestbook_Page #form .form .input-text{padding:0 30px 0 15px;width:400px;height:50px;border:1px solid #dcdcdc;color:#636363;font-size:1pc;line-height:50px; max-width:400px;font-size:20px;} .guestbook_Page #form .form .input-text:focus{border:1px solid #0087ee;box-shadow:0 0 5px 0 #0087ee} .guestbook_Page #form .form .select{padding:0 30px 0 15px;width:400px;height:50px;border:1px solid #dcdcdc;color:#636363;font-size:1pc;line-height:50px; max-width:400px;font-size:20px; background: #fff;} .guestbook_Page #form .form .text{padding:0 30px 0 15px;font-size:20px; } .guestbook_Page #form .form .upButton{ display: inline-block; background:#0087ee;color: #fff ; padding:0 30px 0 15px; text-align: center;width:200px;height:50px;line-height:50px;font-size:20px;cursor: pointer;} .guestbook_Page #form .form li.btns{ width:100%;} .guestbook_Page #form .form .btns #submit{display:block;background:#0b4cc4;color:#fff;text-align:center;font-weight:100;font-size:24px;line-height:50px;cursor:pointer;transition:all .3s; margin:0 auto; width:40%;} .guestbook_Page #form .form .btns #submit:hover{background:#0b3ca4} .guestbook_Page #form .form .ysc{ padding-top:20px; text-align: center;font-size:18px;} .guestbook_Page #form .form .ysc a{ color:#ff0000;} .guestbook_Page #form .form .ysc input{ margin: 0 8px;} @media all and (max-width:1200px) { body, .mineBox{width: 100%; max-width: 100%; margin: 0;min-width: auto;} .news-left{ display: none;} .AboutShowBox{ width: 100%; margin: 0;;;} .AboutShowBox .news_content{ padding: 5px 10px;} .NewsShow_Page .main_con_left{ width: 100%; margin: 0px;padding: 5px;;;} .NewsShow_Page .main_con_left .titleLable{ display: none;;} .NewsShow_Page .main_con_left .news_content img{ max-width: 100%;;} .NewsShow_Page .main_con_right{ display: none;;} }