@charset "GBK";
/* CSS Document */
* {margin: 0px; padding: 0px; list-style-type: none;}
body{ padding:0; margin:0;}


#navLeft {left: 0%;list-style: none;margin: 0;position: fixed;top: 17%; z-index:1000;}
#navLeft li {margin-bottom: 10px;}
#navLeft a {background: #fff;color: #0891ff;display: block;	font-size: 14px;width:25px; height:25px; line-height:25px;	text-align:center; overflow:hidden;text-decoration: none;-moz-border-radius: 50px;-webkit-border-radius: 50px;
	border-radius: 0px 50px 50px 0px ;
	behavior: url(pie.htc); text-indent:0px;transition:width 0.5s;
-moz-transition:width 0.5s; /* Firefox 4 */
-webkit-transition:width 0.5s; /* Safari and Chrome */
-o-transition:width 0.5s; /* Opera */
text-indent:-999px;}
#navLeft a:hover {background: #ff8500; color:#fff;width:100px; text-indent:0px;}
#navLeft .current a {background: #ff8500;color: #fff;}
.section {border-bottom: 5px solid #ccc;padding: 50px 20px;}
.section p:last-child {margin-bottom: 0;}
.yiyue a{color: #999;}

/*未登录首页*/
.loginHome{background-color: #fff;}

.loginHome .mwbBorder{border: none; border-top: solid 2px #fd8c25;box-shadow: 0 0 9px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 9px rgba(0,0,0,.2);}
.loginHome .mwbBorder > h2{background-color: transparent;}
/*.loginHome,.loginHome a{color: #666;}*/


.loginHome .content{width: 1200px; margin: auto; overflow: inherit; background-color: transparent; -moz-border-radius: 0px;
    -webkit-border-radius: 0px; border-radius: 0px;-moz-box-shadow: none;
    -webkit-box-shadow: none;box-shadow: none;}
#homeHead{padding: 10px;height: 56px;}
#homeHead img.logo{height: 50px;  top: 5px;}
/*.loginHome #homeHead a.btn,.loginHome #homeHead a.btn:hover{border-radius:20px ; padding: 4px 18px;}*/

/*.loginHome img.logo{margin: auto; width: 21%; margin-bottom: 10px;}*/



.hotWordsList{width: 680px; text-align: left; margin-bottom: 0px;}
.hotWordsList a{line-height: 20px; display: inline-block; font-size: 13px; text-decoration: none;  margin: 3px 0;margin-right: 20px; position: relative;}
.hotWordsList a:hover{color: #ff8500;}
.hotWordsList a .newLabel{display: inline-block; text-align: center; margin-left: 4px; line-height: 18px; height: 18px; width: 18px; padding: 0; position: inherit; top:inherit; right:inherit;}
.hotWordsList a .newLabel:before{content: "";border: none;}
.hotWordsList >div>a{font-size: 13px; color: #fd8c25; margin-right: 0;}
.loginHome .title{border-bottom: solid 1px #eee;}
.loginHome .title h3{display: inline-block; padding: 10px 0px;  color: #868686; border-bottom: solid #fd8c25; font-size:22px;}
.gridFour{width: 100%; text-align: left;}
.gridFour>div{width: 49.5%; float: left;}
.gridFour>div:first-child{margin-right: 1%;}
.gridFour>div>a{width: 100%; overflow: hidden; display: inline-block; margin-bottom: 10px; border: solid 1px #969696;}

.gridFour>div>a img{display: inline-block; width: 100%;   transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transition: scale .5s,transform .5s;
    -webkit-transition: scale .5s,transform .5s;}
.gridFour>div>a:hover img{transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}

.rankingList{font-size: 15px;}
.rankingList .left{ width:132px; float: left; background-color: #f5f5f5; min-height: 488px;}
.rankingList .classify h1{text-align: center; line-height: 40px; background-color: #e7e7e7; color: #3d3d3d;}
.rankingList .classify h1 i{font-size: 18px;}
.rankingList .classify ul li{display: inline-block; width: 100%; line-height: 40px; text-indent: 20px; cursor: pointer; color: #666;}
.rankingList .classify ul li i{font-size: 18px;}
.rankingList .classify ul li:hover,.rankingList .classify ul li.active{background-color: rgba(255,255,255,.5); color: #ff8300;}
.rankingList .right{ width:1060px; float: right;}
.rankingList .right .tool a{display: inline-block; text-decoration: none; font-size: 25px;}
.rankingList .right .twoLevel ul li{display: inline-block; line-height: 39px; margin: 0 15px; padding: 0 2px; cursor: pointer;}
.rankingList .right .twoLevel ul li.active,.rankingList .right .twoLevel ul li:hover{border-bottom: solid 2px #fd8c25;}
.rankingList .right .twoLevel{border-bottom:solid 1px #ebebeb;}
.rankingList .right .table{width: 100%; margin: 0;}
/*.rankingList .right .table tbody tr:nth-child(odd){background-color: #f2f5f6;}*/
.rankingList .right .table th,.rankingList .right .table td{font-size: 14px;}
.rankingList .right .table td{padding: 10px 0;}
.rankingList .right .table .num em{display: inline-block; font-size: 12px; width: 22px; height: 22px; line-height: 20px; text-align: center; border-radius: 50%; border: solid 1px #a8a599; color: #a8a599;}


.rankingList .right.rightfloat{margin-left: 132px}
.rankingList .left.treefloat{height: auto;}


.rankingListMore {border-top: none;}
.rankingListMore .left{width: 120px;}
.rankingListMore .right{width: 1070px;}
.rankingListMore .right .table .num em{border: none; width: auto;height: auto;}
.rankingListMore .title{width: 100%; text-align: center; margin: 20px 0; position: relative; border: none;}
.rankingListMore .title:after{content: ""; position: absolute; border-bottom:solid 1px #eee ; width: 100%; top: 15px; left: 0; z-index: 1;}
.rankingListMore .title h2{ font-size: 20px; position: relative; z-index: 2; display: inline-block; padding: 0 10px; background-color: #fff;}
.rankingListMore .right .twoLevel{border: none;}
.rankingListMore .right .set{padding: 15px; background-color: #eee; border-radius:5px;}
.rankingListMore .right .set label{position: relative;}
.rankingListMore .right .set .input{width: 300px; margin-left: 5px;}
.rankingListMore .right .set .s_btn{display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; position: absolute; top: -5px; right: 0;}
.rankingListMore .right .set .s_btn:hover{text-decoration: none;}

.rankingListMore .classify ul li:hover, .rankingListMore .classify ul li.active{background-color: #f5a952; color: #fff;}
/*.rankingList .right .table tbody tr:nth-child(1) td.num em,
.rankingList .right .table tbody tr:nth-child(2) td.num em,
.rankingList .right .table tbody tr:nth-child(3) td.num em{color: #fff !important;}*/
.rankingList .right .table tbody tr:nth-child(1) td.numOne em,.rankingList .right .table tbody tr:nth-child(2) td.numOne em,.rankingList .right .table tbody tr:nth-child(3) td.numOne em{ border: solid 1px #fbaa56; color: #fc8c25 !important;}
.sharesList ul{max-height: 368px; overflow: auto;}
.sharesList ul li{display: inline-block; width: 99%; margin-left: 1px; border: solid 2px #eee; font-size: 16px; padding: 8px 15px; margin-bottom: 5px; cursor: pointer; position: relative;}
.sharesList ul li:hover,.sharesList ul li.active{border-color:#fd8c25; color: #fd8c25;}
.sharesList ul li.active:before{content: "\e69c"; position: absolute; top: 10px; right: 10px; z-index: 2; font-family: 'iconfont' !important;}
.sharesList ul li em{margin-right: 20px;}

#aboutUs {position: relative; text-align: center;}
#aboutUs .cont { width: 100%; text-align: center; display: inline-block; color: #eff4f7;}
#aboutUs .cont i {display: inline-block; width: 65px;height: 65px;line-height: 65px;margin-bottom: 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: rgba(255,255,255,.2); color: #ff8500; font-size: 28px;}
#aboutUs .cont p { margin-top: 10px;}
#aboutUs .cont p>img{width: 60%;}

#aboutUs .cont2 { width: 100%; text-align: center; display: inline-block; color: #696969 !important;}
#aboutUs .cont2 i {border: solid 1px #ff8500;}
#aboutUs .cont2 p { margin-top: 10px;}
#aboutUs .cont2 p>img{width: 60%;}

 
#aboutUs footer{text-align: center; padding: 40px 0; border-top:solid 1px #eee; margin-top: 20px;}

.searchInfo h1{font-size: 22px; color: #5b5b5b; margin-bottom: 10px;}
.searchInfo h1 em{font-size: 25px; color: #e51312; font-weight: 600;}
.searchInfo .btn{font-size: 16px; border-radius:0; padding: 8px 35px;}
#chart{width: 1000px;}
#chart .chart .mwbcon img{width: 100%;}

.trapezoid{position: relative; display: inline-block; background-color: #e2e3e6; padding: 20px;}
.trapezoid:after{content: ""; position: absolute; top: 0; }
.trapezoid-right:after{right: 0;border-left: 35px solid transparent; border-right: 0px solid transparent;}
.trapezoid-left:after{left: 0;border-left: 0px solid transparent; border-right: 35px solid transparent;}
.trapezoid-w:after{border-top: 35px solid #fff;}
.trapezoid-b:after{border-top: 35px solid #eff4f7;}

/*营销领域解决方案*/
.pathGroup .path-item{color: #445069; }
.pathGroup .path-item>div>div{height: 140px; position: relative;}
.pathGroup .path-item:first-child{border-bottom: solid 4px #f18d00;}
.pathGroup .path-item .path-body{position: absolute; }
.pathGroup .path-item.up .path-body{bottom: 0; padding-bottom: 20px;}
.pathGroup .path-item.down .path-body{top: 0; padding-top: 20px;}
.pathGroup .path-item .path-body:after{content: ""; position: absolute; left: -20px; bottom: 0px;width: 2px; height: 100%; background-color: #f18d00; }
.pathGroup .path-item .path-body:before{content: ""; position: absolute; left: -23px; display: inline-block; width: 8px; height: 8px; border-radius:50% ; background-color: #f18d00;}
.pathGroup .path-item.up .path-body:before{top: -3px;}
.pathGroup .path-item.down .path-body:before{bottom: -3px;}
@media screen and (max-width: 1280px) {
.loginHome .content{width: 1140px;}
.rankingList .right{width: 1000px;}
.rankingListMore .right {width: 1050px;}
}
@media screen and (max-width: 1024px) {
	.loginHome .content{width: 98%; margin-left: 1%; display: inline-block;}
	.rankingList .left{width: 12%;}
	.rankingList .right {width: 87%;}
	#chart {width: 980px;}
/*  .rankingListMore .left {width: 90px;font-size: 14px;}*/
 
/*  .rankingList .right.rightfloat {margin-left: 98px;}
*/  .rankingList .right .table th, .rankingList .right .table td {font-size: 12px;}
  .compUl .comBorderL{width: 60px;}
  .compUl .comBorderL .comWord,
  .addComp{font-size: 12px;}
  /*.search-wrapper .search{width: 630px;}*/
}

@media screen and (max-height: 640px) {
	#navLeft{top: 17%;}
}