body.bg-white{background-color: #fff;}
/****************************************************************头部设置*********************************************************************/

.banner{ margin-bottom:10px;}
.banner img{ display:block;}
/********导航********/
.menutab-category{position: relative;}
.menutab-category-bg{position:absolute; z-index: -1; height:49px; width:100%; background-color: #fff;}
.menutab{ float:left; width:249px; position:relative; background:#333; font-size:16px; }
.menutab ul.title{ color:#fff; font-weight:bold; padding:14px 20px; background:#ff562f; font-weight:bold; }
.menutab .menu-xl{ top:52px; left:0;width:100%; z-index:0; padding:10px 0;}
.menutab .menu-xl li:last-child{ border-bottom:0;}
.menutab .menu-xl li{ display:block;  font-size:12px; text-align:left; padding:13px 20px; }
.menutab .menu-xl li span{ margin-right:18px;color:rgba(255,255,255,0.5);}
.menutab .menu-xl li span a{color:rgba(255,255,255,0.5);}
.menutab .menu-xl li span:last-of-type{ margin-right:0;}
.menutab .menu-xl li span:nth-child(1){  font-size:14px; color:#fff;}
.menutab .menu-xl li span:nth-child(1) a{ color:#fff;}
.menutab .menu-xl li:hover{ background:#000;}
.menutab .menu-xl li:hover span{ color:#fff;}
.menutab .menu-xl li:hover span a{ color:#fff;}
.menutab .menu-xl li .menusmall{ opacity:0;  height:474px; z-index:-111; position:absolute; left:200px; top:0; overflow:hidden; width:1000px; background:rgba(255,255,255,0.99); padding:0 15px 15px 15px; transition:all ease 0.25s; border:1px solid #eee; border-width: 1px 1px 1px 0; box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.menutab .menu-xl li .menusmall ul h2{ display:block; font-size:15px; font-weight:bold; border-bottom:1px solid #eee; margin:15px 0; padding-bottom:10px;}
.menutab .menu-xl li .menusmall ul p{ display:block; float:left; padding-right:0; width:20%; line-height:2.5;  margin:0;}
.menutab .menu-xl li:hover .menusmall{ left:250px; display:block; opacity:1; width:950px; z-index:1000; overflow-y: auto;}
.menutab .menusmall-loading{text-align: center; padding-top: 210px;}
.menutab .menu-xl li:hover span.layui-icon{font-size:64px; color:#d01414;}


.menu{ float:left; height:52px; line-height:52px; margin-left:30px;}
.menu li{ display:inline-block;}
.menu li a{ padding:0 30px; display:block; font-size:16px;}



/*banner*/
.index-right{width:940px; height:474px; overflow:hidden; position:relative; float:right; }
.league-menu{ display:flex; height:49px;}
.league-menu li{ flex:1; line-height:49px; text-align: center; cursor: pointer;}
.league-menu li > a, .league-menu li > div{ position: relative;  display:block; padding:0 10px; font-size:16px;}
.league-menu li a span{position: absolute; margin:-10px -16px 0 0;}
.league-menu li.item.active a{color:var(--primary); font-weight: bold;}
.league-menu .top-menu-drop{display: none; position: absolute; z-index: 1000; left:0; top:49px; width:100%;  background-color: #fff; border:1px solid #eee; border-top:0; box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.league-menu .top-menu-drop .subitem{border-top:1px solid #eee;}
.league-menu li.item:hover .top-menu-drop{display: block;}
/*
.league-menu ul.menu{ float:left; height:52px; line-height:52px; margin-left:30px;}
.league-menu ul.menu li{ display:inline-block; text-align: center; cursor: pointer;}
.league-menu ul.menu li > a, .top-menu ul.menu li > div{ position: relative; padding:0 30px; display:block; font-size:16px;}
.league-menu ul.menu li a span{position: absolute; margin:-10px -16px 0 0;}
.league-menu ul.menu li.item.active a{color:var(--primary); font-weight: bold;}
.league-menu ul.menu .top-menu-drop{display: none; position: absolute; z-index: 1000; left:0; top:52px; width:100%;  background-color: #fff; border:1px solid #eee; border-top:0; box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.league-menu ul.menu .top-menu-drop .subitem{border-top:1px solid #eee;}
.league-menu ul.menu li.item:hover .top-menu-drop{display: block;}*/

.index-banner{  height:425px; overflow:hidden; }
.index-banner .hd{ height:10px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:100;  }
.index-banner .hd ul{ overflow:hidden; zoom:1;  }
.index-banner .hd ul li{ text-align:center; display:block; float:left; margin-left:5px; height:8px; background:#fff; width:8px; border-radius:8px; cursor:pointer; }
.index-banner .hd ul li.on{ background:#000; color:#000; }
.index-banner .bd{ position:relative; height:100%; z-index:0;   }
.index-banner .bd li{ zoom:1; vertical-align:middle; }
.index-banner .bd img{ width:100%; height: 425px; display:block;  }

.mxsj{ max-width:1200px; height:200px; overflow: hidden; margin:15px auto;}
.mxsj .img{ width:249px; height:200px; float:left; background: url("../images/league-index-company.jpg") no-repeat center;}
.mxsj .mxsj-list{ float:right; width:940px;}
.mxsj .mxsj-list .hd{}
.mxsj .mxsj-list .bd{}
.mxsj .mxsj-list .bd li{float:left; width:188px; box-sizing: border-box; text-align: center;}
.mxsj .mxsj-list .bd li .pic{border:1px solid #eee; margin:0 10px 0 0; padding: 10px 0;}
.mxsj .mxsj-list .bd li:nth-of-type(5n) .pic{margin-right: 0;}
.mxsj .mxsj-list .bd li img{width: 140px; height:140px;}
.mxsj .mxsj-list .bd li .text{ padding:10px 0 0; line-height:2;}
/*.mxsj .mxsj-list .bd li{ border:1px solid #eee; width:203px; box-sizing:content-box; padding:10px; background:#fff; float:left; margin-right:13.4px;}
.mxsj .mxsj-list .bd li .pic{ height:140px; overflow:hidden; border-bottom:1px dotted #ccc; position:relative; overflow:hidden;}*/
/*.mxsj .mxsj-list .bd li .pic img{ display:block; position:absolute; width:130px; height: 130px; top:50%; left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}*/
/*.mxsj .mxsj-list .bd li .pic img{ display:block; width:130px; height: 130px; margin:0 auto;}
.mxsj .mxsj-list .bd li .text{ height:71px; padding:10px 0; line-height:2;}*/

.jmdt{ max-width:1200px; margin:15px auto 0 auto;}
.jmdt .img{ width:249px; float:left;}
.jmdt .jmdt-list{ float:right; width:940px; height:233px; overflow:hidden; border:1px solid #eee;}
.jmdt .jmdt-list .bd{ padding:0 10px;}
.jmdt .jmdt-list .bd li{ border-bottom:1px dotted #ddd;  box-sizing:content-box;}
.jmdt .jmdt-list .bd li .pic{ width:600px; float:left;padding:16px 0;}
.jmdt .jmdt-list .bd li .pic img{ width:43px; height:43px; margin-right:12px; float:left;}
.jmdt .jmdt-list .bd li .pic i{ display:block; float:left; height:43px; line-height:55px; width:43px; border:1px solid #2fd8cd; overflow:hidden; border-radius:43px; background:#2fd8cd; text-align:center; color:#fff; font-size:38px; margin-right:15px;}
.jmdt .jmdt-list .bd li .pic h2{ font-size:16px; color:#888;}
.jmdt .jmdt-list .bd li .content{ width:180px; float:left; line-height:43px;padding:16px 0;}
.jmdt .jmdt-list .bd li .content a{ color:#2fd8cd;}
.jmdt .jmdt-list .bd li .zixun{ float:right;}
.jmdt .jmdt-list .bd li .zixun p{ display:block; text-align:right; font-size:12px; color:#999; line-height:2.8;}
.jmdt .jmdt-list .bd li .zixun a{ display:inline-block; background:#f60; color:#fff; padding:5px 15px;}

/*****/



.join-list{ max-width:1200px; margin:0 auto;}
.join-list .join-title{ height:40px; margin:20px auto; line-height:40px; font-size:20px;}
.join-list .join-title i{ display:inline-block; background:#4ba0ff; color:#fff; height:40px; line-height:40px; border-radius:40px; border-radius:40px; width:40px; text-align:center; font-weight:bold;}

.join-left{ width:249px; float:left;background: -webkit-linear-gradient(right bottom,#3b91ff,#59abff);background: linear-gradient(right bottom,#3b91ff,#59abff);
    height:394px; padding:10px; position:relative; overflow:hidden;}

.join-list:nth-of-type(10n-1) .join-left{background: -webkit-linear-gradient(right bottom,#3b91ff,#59abff);background: linear-gradient(right bottom,#3b91ff,#59abff);}
.join-list:nth-of-type(10n-2) .join-left{background: -webkit-linear-gradient(right bottom,#00d7ea,#00d8eb);background: linear-gradient(right bottom,#00d7ea,#00d8eb);}
.join-list:nth-of-type(10n-3) .join-left{background: -webkit-linear-gradient(right bottom,#a780ec,#a882ee);background: linear-gradient(right bottom,#a780ec,#a882ee);}
.join-list:nth-of-type(10n-4) .join-left{background: -webkit-linear-gradient(right bottom,#fe8d98,#ffa2ab);background: linear-gradient(right bottom,#fe8d98,#ffa2ab);}
.join-list:nth-of-type(10n-5) .join-left{background: -webkit-linear-gradient(right bottom,#57aaff,#58abff);background: linear-gradient(right bottom,#57aaff,#58abff);}
.join-list:nth-of-type(10n-6) .join-left{background: -webkit-linear-gradient(right bottom,#ff7a57,#ff7b58);background: linear-gradient(right bottom,#ff7a57,#ff7b58);}
.join-list:nth-of-type(10n-7) .join-left{background: -webkit-linear-gradient(right bottom,#ffb956,#ffb956);background: linear-gradient(right bottom,#ffb956,#ffb956);}
.join-list:nth-of-type(10n-8) .join-left{background: -webkit-linear-gradient(right bottom,#00d7eb,#00d5ea);background: linear-gradient(right bottom,#00d7eb,#00d5ea);}
.join-list:nth-of-type(10n-9) .join-left{background: -webkit-linear-gradient(right bottom,#58abff,#57a9ff);background: linear-gradient(right bottom,#58abff,#57a9ff);}
.join-list:nth-of-type(10n) .join-left{background: -webkit-linear-gradient(right bottom,#fe8d98,#fe8a95);background: linear-gradient(right bottom,#fe8d98,#fe8a95);}

.join-left i{ position:absolute; right:-50px; top:40px; font-size:160px; z-index:0; color:rgba(255,255,255,0.3);}
.join-left .title{ border-bottom:1px dashed #fff; padding:28px; color:#fff; height:230px;}
.join-left .title h2{ font-size:22px;}
.join-left .title h2 a{color:#fff;}
.join-left .title p{ text-transform:capitalize; font-size:12px;}
.join-left .list{ padding:12px 0; line-height:1.8; max-height: 90px; overflow: hidden;}
.join-left .list a{ display:inline-block; margin-right:15px; color:#fff;}
.join-right{ width:940px; float:right; border:1px solid #eee; border-bottom:0;}
.join-right li{ width:20%; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:2; padding:14px 14px 0 14px; height:196.5px; float:left;}
.join-right li:nth-child(5n){ border-right:0;}
.join-right li .pic{ display:block; height:118px; overflow:hidden; margin-bottom:6px;}
.join-right li img{ display:block; max-width:100%;}
.join-right li h2{ font-size:12px; color:#888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.join-right li h2 a{color:#888;}
.join-right li p{ font-size:14px; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.join-color1 .join-title i{ background:#00d8eb;}
.join-color1 .join-left{
    background: -webkit-linear-gradient(right bottom,#03c9db,#10def0);
    background: linear-gradient(right bottom,#03c9db,#10def0);
}

.join-left{height: 311px;}
.join-right li{height:155px;}
.join-right li .pic{height: 75px;}
.join-right li img{width:100%; height:75px;}
.join-left .title{height: 200px;}

/*****************************************
    分类列表与详情
******************************************/
.join-logo{ background:#fff;  margin:0 auto; padding:30px 0 0 0;}

.index-menu-list{ margin:20px auto 0 auto; max-width:1200px;}
.index-menu-list li{ line-height:49px; height:49px; float:left; margin-right:40px;}
.index-menu-list li a{ display:block; font-size:16px;}
.index-menu-list li:hover a{ color:#f60; border-bottom:2px solid #f60; }
.index-menu-list li.hover a{ border-bottom:2px solid #f60;}

.top-menu{ display:block; padding:20px 0; font-size:12px; line-height:2;}
.top-menu span{ float:right; background:#fff; border-radius:20px; padding:0 14px; margin-left:6px; display:inline-block;}

.list-fenlei{ background:#fff; padding:20px; border-radius:5px; line-height:2; margin-bottom:20px;}
.list-fenlei li{ padding:5px 0;}
.list-fenlei li span{ color:#999; margin-right:15px;}
.list-fenlei li a{ padding:0 10px; color:#000;}
.list-fenlei ul:nth-child(1){ border-bottom:1px solid #eee; padding-bottom:6px; margin-bottom:8px;}
.list-fenlei ul:nth-child(2) li a{ margin-right:25px; position:relative;}
.list-fenlei ul:nth-child(2) li a i{  color:#f60; height:16px; line-height:16px; font-size:16px; position:absolute; right:-8px; top:2px; text-align:center; display:none;}
.list-fenlei ul:nth-child(2) li a:hover i{ display:block;}
.list-fenlei li a:hover,
.list-fenlei li a.active{background-color: var(--primary); color:#fff; border-radius:2px;}


.list-left{ width:950px;padding:20px; border-radius:10px; float:left; background:#fff; margin-bottom:20px;}
.list-left ul.title{ font-size:22px; color:#000; }
.list-left ul.title span{ font-size:20px; color:#888;}

.league-lists .item{ padding:25px 0; border-bottom:1px solid #eee;}
.league-lists .item .l-pic{ display:block; float:left; width:200px; border-radius:5px; height:150px; overflow:hidden;}
.league-lists .item .l-pic img{ max-width:100%;}
.league-lists .item .l-title{ width:690px; float:right; position:relative;}
.league-lists .item .l-title h3{ font-size:20px; color:#000; margin-bottom:8px; display:block;}
.league-lists .item .l-title p{ line-height:1.8; color:#777; font-size:14px;}
.league-lists .item .l-title p.zhichi{padding-top:3px;}
.league-lists .item .l-title p.zhichi span{ height:20px; line-height:20px; margin-right:6px; display:inline-block; font-size:12px; border-radius:26px; padding:0 8px; border:1px solid #eee;}
/*.list-left .item .l-title p.zhichi span:nth-child(1){ background:#444; color:#ffcb4a;border:1px solid #444;}
.list-left .item .l-title p.zhichi span:nth-child(2){  color:#f60; border:1px solid #f60;}*/
.league-lists .item .l-title p.jiage{ display:block; margin-top:8px;}
.league-lists .item .l-title p.jiage strong{ font-size:22px; color:#f60; margin-right:20px; font-weight:normal;}

.league-lists .item .l-title .duibi{ position:absolute; right:0; bottom:15px;}
.league-lists .item .l-title .duibi a{ height:38px; line-height:38px; border-radius:38px; padding:0 20px; display:inline-block; color:#f60; border:1px solid #f60; margin-left:5px;}
.league-lists .item .l-title .duibi a:nth-child(1){ background:#f60; color:#fff;}

.league-lists .item .l-title .duibi a i{ font-size:14px; margin-right:5px;}


.list-right{ float:right;width:230px;}
.list-right .list-liucheng{ background:#fff; border-radius:5px; padding:20px; }
.list-right .list-liucheng .title{ text-align:center; font-size:18px; border-bottom:1px solid #eee; padding-bottom:15px;}
.list-right .list-liucheng .liucheng{ padding:15px 0;}
.list-right .list-liucheng li{ text-align:center; padding:15px 0;}
.list-right .list-liucheng li i:after{ content:'↓'; display:block; color:#ffab17; top:34px; overflow:hidden; left:14px; position:absolute; font-weight:bold;}

.list-right .list-liucheng li i{ width:36px; height:36px; border-radius:36px; font-size:18px; display:inline-block; margin-right:10px; line-height:36px; background:#fff7dc; color:#ffab17; position:relative;}
.list-right .list-liucheng li:last-child i:after{ content:'';}

.list-jiameng{ background:#fff; border-radius:5px; padding:20px; margin-top:20px;}
.list-jiameng .hd{ margin-bottom:20px;}
.list-jiameng .hd li{ margin-right:20px; cursor:pointer; color:#888; display:inline-block; font-size:18px;}
.list-jiameng .hd li.on{ color:#000;}
.list-jiameng .hd li.on:after{ content:''; border-bottom:3px solid #f60; display:block; width:30px; margin:0 auto;}
.list-jiameng .bd{}
.list-jiameng .bd li{ margin-bottom:15px; line-height:2;}
.list-jiameng .bd li img{ display:block; max-width:100%; margin-bottom:12px; border-radius:5px;}
.list-jiameng .bd li h2{ font-size:14px; color:#000;line-height:1.4;}
.list-jiameng .bd li p{ font-size:16px; color:#f60;}


.show-content{ background:#fff; padding:20px; border-radius:10px; margin-bottom:20px;}
.show-pic{ width:460px; float:left;}
.show-pic img{ display:block; width:100%;}
.show-pic-list{ margin-top:10px; overflow:hidden;}
.show-pic-list .hd{ width:100%; position:relative; z-index:100;}
.show-pic-list .hd .next{ height:83px; width:20px; line-height:83px; color:#fff; cursor:pointer; background:rgba(0,0,0,0.5); position:absolute; left:0; top:1px;}
.show-pic-list .hd .prev{ height:83px; line-height:83px; width:20px; color:#fff;cursor:pointer; background:rgba(0,0,0,0.5); position:absolute; right:0; top:1px;}
.show-pic-list .bd li{ width:110px; margin-right:6.6666px;}
.show-pic-list .bd li img{ width:100%; border:1px solid #fff;}
.show-pic-list .bd li:hover img{ border:1px solid #f00;}

.show-title{ float:right; width:660px; line-height:2.6;}
.show-title h2{ line-height:1.6; font-size:20px; color:#000; }
.show-title p.jiage{ background:#f5f5f5; padding:0 20px; line-height:60px; height:60px; overflow:hidden; margin:15px 0;}
.show-title p.jiage span{ display:block; margin-right:15px; line-height:60px; float:left;}
.show-title p.jiage strong{ font-size:30px; color:#f60; padding:0 8px;  line-height:50px;}
.show-title p span{ color:#999; margin-right:5px;}
.show-title .zixun{ margin-top:15px;}
.show-title .zixun a{ display:inline-block; height:44px; margin-right:10px; line-height:44px; background:#fff; border:1px solid #f60; color:#f60;  border-radius:44px; padding:0 30px; font-size:16px;}
.show-title .zixun a i{ font-size:16px; margin-right:5px;}
.show-title .zixun a:nth-child(1){background:#f60; color:#fff;}
.show-title .fangwen{ font-size:12px; margin-top:30px; text-align:right;}
.show-title .fangwen span{ margin-left:20px;}
.show-title .fangwen i{ font-size:12px; margin-right:5px; color:#888;}


.show-left{ width:950px;padding:20px; border-radius:10px; float:left; background:#fff; margin-bottom:20px;}
.show-left ul.title{ font-size:22px; font-weight:bold; color:#000;}
.show-left ul.title:after{ display:block; border-bottom:3px solid #f60; width:46px; content:''; margin:10px 0 0 22px;}
.show-left ul.content{ padding:20px 0; min-height:600px; line-height: 1.8;}
.show-left ul.content img{ display:block; max-width:100%; height:auto;}
.show-right{ float:right; width:230px;}

.league-lists1{float:left; width:950px;}
.league-lists1 .item{ padding:8px; background-color: #fff; border:solid 2px #fff; box-sizing: border-box; box-shadow: 0 0 10px rgba(0,0,0,0.05); border-radius:2px;}
.league-lists1 .item:hover{border-color:var(--primary);}
.league-lists1 .item-thumb{}
.league-lists1 .item-thumb img{display: block; width:100%; height: 200px;}
.league-lists1 .item-name{font-size:16px; color:#666; line-height: 36px; border-bottom:dotted 1px #eee;}
.league-lists1 .item-name a{color:#666;}
.league-lists1 .item-intro{ position: relative; padding:8px 0; font-size:12px; color:#999;}
.league-lists1 .item-price{color:var(--primary); font-size:18px;}
.league-lists1 .item-price:before{content:'投资：'; font-size:12px; color:#999;}
.league-lists1 .item-price span{font-size:12px;}
.league-lists1 .item-city{position: absolute; z-index: 1; right:0; top:14px;}
.league-lists1 .item-city:before{content: '区域：';}
.league-lists1 .item-button{}
.league-lists1 .item-button:after{display: table; content: ''; clear: left;}
.league-lists1 .item-button a{float:left; width:50%; line-height: 30px; font-size:14px; text-align: center; color:var(--primary); border:1px solid #ddd; box-sizing: border-box;}
.league-lists1 .item-button a:first-child{border-right: 0; border-radius:2px 0 0 2px;}
.league-lists1 .item-button a:last-child{color:#fff; background-color: var(--primary); border-color:var(--primary); border-radius: 0 2px 2px 0;}
.league-lists1 .list-empty{padding:80px 0; margin-top:10px; text-align: center; color:#999; font-size:14px; background-color: #fff; border-radius:5px;}



.show-pic-list{display: none;}
.show-pic img{height: 257px; width:100%;}