*{margin:0;padding:0;}
body{background:#eeeeee;color:#333;font:15px/1.75 -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;line-height:1.75;}
ul,ol{list-style:none;}
a{text-decoration:none;color: #576b95;}
table{border-collapse:collapse;border-spacing:0;}

.box {float: left;width: 92%;overflow: hidden; margin: 10px 0 0 0; padding: 0 4%; background: #fff; }

/* 头部 */

header {float: left;width:100%;}

.topbar{float: left; display: -webkit-flex; display: flex ; width: 97.2%; padding: 0 0 0 2.8%; height: 40px; line-height: 40px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#08e), to(#08f)); background: -moz-linear-gradient(#08f, #0cf); background: -o-linear-gradient(#08f, #0cf); background: linear-gradient(#08f, #0cf);}
.topbar a {color: #ffffff; font-size: 16px; font-weight: bold;}
.topbar .search {text-align: right;padding: 0 8% 0 0; flex-grow: 1; flex-shrink: 1; }
.topbar .search img{margin:10px 0 0 0;width:18px}
.topbar .menu {padding: 0 3% 0 0; text-align: right;}

/* 导航菜单 */

.position{float: left; width: 97%;padding: 5px 0 5px 3%; background: #f3f3f3; overflow: hidden; line-height: 28px; height: 28px;}
.position span{color: #999999; margin: 0 1px;}
.position a {color: #333333;font-size: 14px;}

.navmenu {float: left; width: 96%;padding: 8px 2% 3px 2%; background: #ffffff;}
.navmenu ul {width: 100%;float: left;}
.navmenu ul li { float: left; width: 20%;text-align: center; margin: 0 0% 5px 0%; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;height: 26px; line-height: 26px;}
.navmenu ul li a {font-size: 14px; }
.navmenu ul li a span{margin: 0 5%;}
.navmenu .firstname{display: none;}
.navmenu .firstname a{color: #333333;font-weight: bold;}
.navmenu .secondname{display: none;}
.navmenu .secondname a{color: #333333;font-weight: bold;}
.navmenu .third{border-top: 1px dashed #cecece;padding-top: 2%;}

.navmenu .selected a {color: #00aaff;font-weight: bold;}

/* 高考-院校库平铺式导航 */

.schoolmenu{float: left; width: 98%;overflow: hidden; padding: 8px 0 8px 2%; border-bottom: 1px solid #eee; background: #ffffff;}
.schoolmenu ul{float: left; width: 100%;overflow: hidden;}
.schoolmenu ul li{ float: left; width: 18%;text-align: center; margin: 0 2% 5px 0%; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;height: 26px; line-height: 26px;}
.schoolmenu ul li span{color: #333333;font-weight: bold;font-size: 14px;}
.schoolmenu ul li a{font-size: 14px;}

.schoolmenu ul li a:hover{color: #00aaff;font-weight: bold;text-decoration:none;}
.schoolmenu .selected a{color: #00aaff;font-weight: bold;}

/* 高考-院校库tab切换式导航 */

.tabsmenu{float: left; width: 100%; overflow: hidden; background: #ffffff;}
input.tabs{display:none}
input.tabs+label{float: left; display: block; padding: 8px 0 5px 0; font-size: 14px; cursor: pointer; margin: 0 0 0 3%;}
input.tabs:checked+label{border-bottom: 3px solid #0099ff; color: #0099ff; font-weight: bold;}
input#tab1:checked~div#view1{display:block}
input#tab2:checked~div#view2{display:block}
input#tab3:checked~div#view3{display:block}
input#tab4:checked~div#view4{display:block}
input#tab5:checked~div#view5{display:block}
.tabsview{float: left; width: 100%;display: none; padding: 8px 0 3px 0; border-top: 1px solid #e9e9e9; }
.tabsview ul {width: 100%;float: left;}
.tabsview ul li {float: left; text-align: center; margin: 0 0 4px 3%; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 24px; line-height: 24px;}
.tabsview ul li a {font-size: 14px;}
.tabsview ul li a:hover {color: #00aaff;font-weight: bold; }
.tabsview .selected a {color: #00aaff;font-weight: bold;}

/* 考研-院校库导航*/

.kaoyanmenu {float: left; width: 96%; padding: 10px 2% 5px 2%; background: #ffffff;border-bottom: 1px solid #f0f0f0;}

.kaoyanmenu ul {float: left; width: 100%;}
.kaoyanmenu ul li { float: left;width: 18%;  text-align: center; margin: 0 2% 4px 0%;overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.kaoyanmenu ul li a {font-size: 14px;}

.kaoyanmenu .selected a {color: #00aaff; font-weight: bold;}

/* 主体部分 */

main{float: left;width:100%;}

/* 栏目列表 */

.newslist {overflow: hidden; width: 100%; float: left;}

/* 栏目：子栏目模式 */

.listBox2 {width: 100%; float: left;overflow: hidden; margin: 10px 0 0 0; background: #ffffff; }

.listBox2 h2{float: left;width: 92%;padding: 8px 4%;  overflow: hidden;  background: #f9f9f9; font-size: 17px;}
.listBox2 h2 a{color: #333333;}
.listBox2 h2 span {float: right;}
.listBox2 h2 span a{color: #666666;font-weight: normal;}

.listBox2 .listBox2news ul{width: 100%; float: left;margin:0 2px 0 0;}
.listBox2 .listBox2news ul li{float:left;overflow:hidden;padding:10px 4%;width:92%;border-top:1px solid #efefef;}
.listBox2 .listBox2news ul li .a{float: left;  overflow: hidden; width: 100px; height: 75px;}
.listBox2 .listBox2news ul li .a img{float: left;  overflow: hidden; width: 100px; height: 75px; border-radius: 4px; box-shadow: rgb(170, 170, 170) 0px 0px 10px 1px; object-fit: contain;}
.listBox2 .listBox2news ul li .b {float: right;height: 75px;overflow: hidden; width: 65%; font-size: 16px;}
.listBox2 .listBox2news ul li .b h3{float: left;width: 100%; font-size: 16px;  overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:normal; line-height: 1.5; height: 48px;}
.listBox2 .listBox2news ul li .b .time {float: left;width: 100%; color: #999999; height: 20px; font-size: 13px; line-height: 20px; margin-top: 6px;}

.listBox2 .listBox2more{text-align: center; border-top: 1px solid #efefef; float: left; width: 100%; padding: 10px 0;}
.listBox2 .listBox2more a{font-size: 16px; color: #00aaff; }

/* 栏目：文章列表形式 */

.listBox {width: 100%; float: left;overflow: hidden; margin:10px 0 0 0; background: #ffffff;}
.listBox h2{float: left; width: 92%; padding: 8px 4%; font-size: 17px; background: #f9f9f9;border-bottom:1px solid #efefef;}
.listBox ul {float:left;overflow:hidden;width:100%;}
.listBox ul li{float:left;overflow:hidden;padding:15px 4%;width:92%;border-bottom:1px solid #efefef;}

.listBox ul li .a{float: left;  overflow: hidden; width: 100px; height: 75px;}
.listBox ul li .a img{float: left;  overflow: hidden; width: 100px; height: 75px; border-radius: 4px; box-shadow: rgb(170, 170, 170) 0px 0px 10px 1px; object-fit: contain;}
.listBox ul li .b {float: right;height: 75px;overflow: hidden; width: 65%;font-size: 16px;}
.listBox ul li .b h3{float: left;width: 100%;font-size: 16px;  overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:normal; line-height: 1.5; height: 48px;}
.listBox ul li .b .time {float: left;width: 100%; color: #999999; height: 20px; font-size: 13px; line-height: 20px; margin-top: 6px;}

/* 列表翻页导航 */

.listNav{float: left; width: 100%; text-align: center; margin: 20px 0;}
.listNav ul li{display: inline; margin: 0 2px; padding: 3px 8px; border: 1px solid #cccccc; background: #ffffff; color: #666666;}
.listNav ul li.active{color: #ff3300;}

/* 院校主页 */

.school_desc {float: left;width: 94%; padding: 10px 3%; background: #ffffff; }

.school_fenlei {float: left; width: 820px; margin: 10px 0 0 0; background: #f9f9f9; text-align: left; padding: 8px 0 5px 20px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #efefef;}

.listBox ul.school_nav {float: left; width: 96%; margin: 0; padding: 10px 0 0 4%;border-bottom:1px solid #efefef;}

.listBox ul.school_nav li{float: left; text-align: center; margin: 0 3% 12px 0; background: #f6f6f6; width: 22%; padding: 1px 0; border-top: 0;}
.listBox ul.school_nav li:hover{background:#ff8800;}
.listBox ul.school_nav li a{font-size: 15px;}
.listBox ul.school_nav li a:hover{color:#fff;font-weight:bold;text-decoration:none;}

/* 文章内容页 */

.school_mt{margin:80px 0 0 0;}

#article{float: left;overflow:hidden;margin:10px 0 0 0;padding:0 4% 20px 4%;background:#fff;width: 92%;}
#article h1{overflow:hidden;margin:18px 0 10px 0;float: left;width:100%;color: #333333;font-size:18px;line-height: 1.6;}

#article .update{margin: 0 0 15px 0; padding: 0 0 10px 0; color: #999; font-size: 14px; width: 100%; float: left; border-bottom: 2px dashed #eee;}
#article .update .error{width: fit-content; float: right;}

#article .content {float: left;width:100%;font-size: 16px;line-height: 1.75;overflow:hidden;word-break: break-all;}
#article .content p{margin:0 0 24px 0;}
#article .content div{margin:0 0 24px 0;}
#article .content h2{margin:0 0 24px 0;color:#333333;font-size: 17px;font-weight:bold;}
#article .content h2 a{color:#333333;}
#article .content img{margin: 0 auto; max-width: 95%;height: auto; display: block;  border: 1px solid #ddd; padding: 2%; background: #f3f3f3; object-fit: contain; margin-bottom: 24px;}
#article .content table{margin: 0 0 24px 0;width: 100%;border-collapse: collapse; border-spacing: 0;text-align: center;}
#article .content table .tablehead {}
#article .content table th {border: 1px solid #333333;}
#article .content table td {border: 1px solid #333333;}
#article .content .tablebox {width: 100%;overflow: auto;margin: 0;}

#article .content object{width:100%;}
#article .content embed{width:100%;height:300px;}

#article .content table p{margin:0;}
#article .content table div{margin:0;}
#article .content table h2{margin:0;}

#article .content table.hasback tr {height: 36px;}
#article .content table.hasback tr:nth-child(2n+1) {background-color: #f6f6f6;}
#article .content table.hasback tr td {border: 1px solid #e9e9e9;}

/*可能到content外*/
#article .pageNav{margin:0 0 20px 0;text-align: center;}
#article .pageNav ul li{display:inline;margin:0 3px;padding: 1px 5px 2px 5px;background:#f9f9f9;border:1px solid #cccccc;}
#article .pageNav ul li a{color:#576b95}
#article .pageNav ul li span{color:#999999}/*不可点*/
#article .pageNav ul li .active{color:red;}/*选中*/


#article .pageNavBox{margin:20px 0 15px 0;margin-right:auto;margin-left:auto;text-align:center;}
#article .pageNavBox tr td{border:0;}
#article .pageNavBox div{display:inline;margin:0 2px 0 2px;height:20px;border:1px #ccc solid;background:#f6f6f6;color:#000;font-size:14px;line-height:20px;}
#article .pageNavBox div span{padding:3px 8px 3px 8px;color:#a59ea3;font-size:14px;}
#article .pageNavBox div .sel{color:red;}
#article .pageNavBox div a{padding:3px 8px 3px 8px;color:#0af;}



#article .mark{overflow:hidden;height:26px;line-height:26px;width: 100%;float: left;font-size: 16px;}
#article .mark a{padding:2px 5px;font-size: 16px;margin: 0 5px 0 0;}
#article .mark a:hover{background-color:#efefef;opacity:1;filter:alpha(opacity=100);}
#article .mark span {float: left;}

/* 点击查看大图 */

#origin-img{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
	z-index:999999999
}
#origin-img .swiper-slide img{
    width:100%;
    vertical-align:middle;
}   
.swiper-pagination{
    top:10px;
    bottom:auto;
    color:#fff;
}    
.swiper-pagination{
    top:10px;
    font-size: 1.2rem;
    bottom:auto;
    color:#fff;
} 

#scaleimg{display: none;background: #000000;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999999;}
#scaleimg img{display: block;width: 100%;}
#canvas{width: 100%;height: 100%;background: none;display: block;position: relative;}

.imgscale-box{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.9); display:none; z-index:9999; } 
.imgscale-box .imgscale-close{ height:40px; width:40px; background: url("https://www.crossroadspartnership.com/img/close.png") no-repeat; background-size: 100%; position:absolute; right:0px; top:0px; z-index:10; cursor:pointer; } 
.imgscale-box .imgscale-img{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; } 
.imgscale-box .imgscale-img img{ width:100%; position:absolute; top:50%; }

/* 阅读全文 */

#btnbox{float: left;width: 100%;background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(80%, #fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 80%); position: relative; z-index: 99;  padding-top: 180px; margin-top: -180px;padding-bottom: 20px; }
button{width: 100%; text-align: center; background: #ffffff; border: 0; height: 50px;line-height: 50px; font-size: 17px;color: #00aaff; font-weight: bold;}
button img{width: 12px; padding-left:8px;  height:11px;}

/* 推荐文章列表 */

.marknews {float: left;overflow:hidden;margin:10px 0 0 0;border-top:1px solid #f0f0f0;background: #ffffff;width: 100%;}
.marknews  h2{font-size:17px; margin: 15px 0 15px 4%; height: 20px; line-height: 20px; font-weight: bold;color: #333333;}
.marknews  h2 a{float: right; color: #999999; padding-right: 5%; font-size: 17px; margin-right: 8px; background: url("https://www.crossroadspartnership.com/img/right.png") no-repeat right 1px; background-size: 14px 20px; -webkit-background-size: 16px 18px; font-weight: normal;}
.marknews  ul {float: left;width: 100%;}
.marknews  ul li{float: left; overflow: hidden; padding: 10px 4%; width: 92%; border-top:1px solid #efefef; }
.marknews  .a{float: left;  overflow: hidden; width: 100px; height: 75px;}
.marknews  .a img{float: left;  overflow: hidden; width: 100px; height: 75px; border-radius: 4px; box-shadow: rgb(170, 170, 170) 0px 0px 10px 1px; object-fit: contain;}
.marknews  .b {float: right; height: 75px;overflow: hidden; width: 65%;  font-size: 16px;}
.marknews  .b h3{float: left;width: 100%; font-size: 16px;  overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:normal; line-height: 1.5; height: 48px;}
.marknews  .b .time {float: left;width: 100%; color: #999999; height: 20px; font-size: 13px; line-height: 20px; margin-top: 6px;}

.hotnews {float: left;overflow:hidden;margin:10px 0 0 0;border-top:1px solid #f0f0f0;background: #ffffff;width: 100%;}
.hotnews  h2{font-size: 17px; margin: 15px 0 15px 4%; height: 20px; line-height: 20px; font-weight: bold;color: #333333;}
.hotnews  h2 a{float: right; color: #999999; padding-right: 5%;font-size: 17px;margin-right: 8px;background: url("https://www.crossroadspartnership.com/img/right.png") no-repeat right 1px;background-size: 14px 20px;-webkit-background-size: 16px 18px;font-weight: normal;}
.hotnews  ul {float: left;width: 100%;}
.hotnews  ul li{float: left; overflow: hidden; padding: 10px 4%; width: 92%; border-top:1px solid #efefef; }
.hotnews  .a{float: left;  overflow: hidden; width: 100px; height: 75px;}
.hotnews  .a img{float: left;  overflow: hidden; width: 100px; height: 75px; border-radius: 4px; box-shadow: rgb(170, 170, 170) 0px 0px 10px 1px; object-fit: contain;}
.hotnews  .b {float: right; height: 75px;overflow: hidden; width: 65%; font-size: 16px;}
.hotnews  .b h3{float: left;width: 100%; font-size: 16px;  overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:normal; line-height: 1.5; height: 48px;}
.hotnews  .b .time {float: left;width: 100%; color: #999999; height: 20px; font-size: 13px; line-height: 20px; margin-top: 6px;}

/* 底部 */

footer { margin: 10px 0 0 0; float: left;width:100%}

.bottomnav {float: left; width: 94%; margin:0 0 10px 0; padding: 8px 2% 5px 4%; background: #ffffff;}
.bottomnav h3{float: left; margin: 0px 0 8px 0;color: #333333;}
.bottomnav ul {width: 100%;float: left;}
.bottomnav ul li {overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width: 23%; float: left; text-align: center; margin: 0 2% 2% 0; background-color: #f3f3f3; padding: 0.25% 0; font-size: 14px;}
.bottomnav ul li a {font-size: 15px;}

.bottomsearch {margin: 0 0 10px 0; background: #ffffff; float: left; width: 100%; padding: 15px 0;}
.searchinput {width: 60%; height: 34px; margin: 0 4%; border: 1px #eeeeee solid; float: left;padding: 0 10px;}
.searchBtn {width: 16%; height: 36px; vertical-align: top; background: url("https://www.crossroadspartnership.com/img/search.png") 50% 60% no-repeat; background-color: #00aaff; background-size: 20px;float: right;margin-right: 4%;}

.bottombox {font-size: 13px; color: #333; padding: 12px 4%; background: #fff; text-align: center; float: left; width: 92%;} /* 有些模板是bottombox */
.copyright {font-size: 13px; color: #333; padding: 12px 4%; background: #fff; text-align: center; float: left; width: 92%;}