@charset "utf-8";
* {margin: 0;padding: 0;}
body {text-align: left;color: #333;font-size: 14px; background: #fff; font-family: 微软雅黑;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl {font-weight: normal;font-size: 14px; margin: 0;}
ol,ul {list-style: none;padding: 0; margin: 0;}
label,select,input[type="submit"],input[type="button"],button {cursor: pointer;}
img {border: 0;margin: 0;}
textarea {overflow: auto;}
em {font-style: normal;}
table {border-collapse: collapse;}
.clear {height: 0;clear: both;line-height: 0;font-size: 0;}
a {color: #333;}
a:link,a:visited {text-decoration: none;}
a:hover {color: #e6191e;text-decoration: none;}
a * {cursor: pointer;}
a img {border: 0;}
select,input,button {vertical-align: middle;}
body img.valign {vertical-align: middle;}
a,area {blr: expression(this.onFocus=this.blur());}
:focus {outline: 0;}
.clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;}
.fn-left{ float: left;}
.fn-right{float: right;}

/*文本溢出*/
.txtover{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: block;}
/*字体颜色*/

/*字体大小*/
.warp{ width: 1200px; margin: 0 auto;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}

/*头部样式topbar*/
.topbar{background:#fff;border-bottom:1px solid #eee;height:36px; font-size: 12px;}
.topbar-l{float:left;height:36px;line-height:36px;}
.topbar-l .wel,.topbar-l a{float:left;margin-right:32px;}
.topbar-l span,.topbar-l a{color:#666;}
.topbar-l a:hover{color:#db3428;}
.topbar-l a i{float:left;width:20px;height:20px;margin-top:12px;background:url(../img/topbar_icon.png) left top no-repeat;}
.topbar-l .cyb i{width:17px;margin-top:11px;}
.topbar-l .level i{background-position-y:-28px;}
.topbar-l .find-pro i{background-position-y:-54px;}
.topbar-r{float:right;}
.topbar-r a:hover{color:#db3428;}
.topbar-r .dl,.topbar-r .zc{float:left;color:#666;line-height:36px;}
.topbar-r .line{float:left;line-height:36px;font-family:"宋体";color:#ccc;padding:0 15px;}
.topbar-guide{float:left;margin-left:10px;}
.topbar .guide-nav{position:relative;}
.topbar .guid_name{position:relative;height:36px;line-height:36px;cursor:pointer;padding:0 10px;font-size: 12px;}
.guid_name em{display:inline-block;vertical-align:middle;width:18px;height:14px;background:url(../img/topbar_icon.png) left -84px no-repeat;*background-position-y:-82px;}
.guid_name em.arrow{background-position-y:-102px;margin-left:6px;width:12px;*background-position-y:-100px}
.guid_name.hover{color:#db3428;background:#fff;position:relative;z-index:100;}
.guid_name.hover .icon1{background-position-y:-152px;*background-position-y:-150px}
.guid_name.hover .arrow{background-position-y:-166px;*background-position-y:-164px}
.guid_name.hover:after{position:absolute;content:'';left:0;top:0;right:0;height:42px;background:#fff;border-left:1px solid #eee;border-right:1px solid #eee;z-index:-1;}

.topbar .guid_name_panel{display:none;position:absolute;right:0;top:41px;border:1px solid #eee;background:#fff;z-index:66;width:662px;padding:20px 0;box-shadow: 0 5px 5px rgba(0,0,0,.05);z-index: 99;}
.topbar .guid_name_panel a{display:block;height:28px;color:#555;white-space:nowrap;font-size:12px;font-family:microsoft yahei;line-height:28px;}
.topbar .guid_name_panel a:hover{color:#db3428;text-decoration:underline;}
.topbar .guide{float:left;}
.topbar .guide-left{padding:0 20px;width:280px;}
.topbar .guide-mid{padding:0 20px 0 40px;width:280px;border-left:1px solid #ddd;}
.topbar .guide-right{padding-left:40px;width:230px;}
.topbar .guide dl{clear:both;overflow:hidden;margin-bottom:15px;}
.topbar .guide dl.fl{float:left;clear:none;margin-right:36px;}
.topbar .guide dl:last-child{margin-bottom:0;}
.topbar .guide dt{height:26px;font-weight:700;font-size:14px;line-height:26px;}
.topbar .guide dd{float:left;margin-right:20px;white-space:nowrap;}
.topbar .guide .t-red{color:#ee5153;}
.topbar .guide .t-tea{color:#8a9b42;}
.topbar .guide .t-pink{color:#bc648b;}
.topbar .guide .t-green{color:#56b3ad;}
.topbar .guide .t-mud{color:#c3683c;}
.topbar .guide .t-purple{color:#bc648b;}
.topbar .guide .t-blue{color:#5a98b8;}
/* 已登录 */
.logged{float: left;}
.logged .guid_name{width: 80px;text-align: center;}
.logged .guid_name .arrow{width: 8px;}
.logged .guid_name .user-name{display: inline-block;max-width: 65px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;margin-top: -3px;}
.logged .guid_name_user{width:98px;padding: 10px 0;border: 1px solid #eee;position: absolute;left: 0;top: 36px;background: #ffffff;}
.logged .guid_name_user a{display: block;height:32px;line-height: 32px;font-size: 12px;color: #666;text-align: center;}
.logged .guid_name_user a:hover{color: #db3428;}

/*项目海报topbar*/
.topbar2{border-bottom:none;padding:5px 0;*position:relative;*z-index:10;}
.topbar-l .img{margin-top:-2px;}
.topbar-pro{float:left;position:relative;margin-right:10px;}
.topbar-pro .name{height:36px;line-height:36px;cursor:pointer;padding:0 10px;}
.topbar-pro .name em{display:inline-block;vertical-align:middle;width:18px;height:14px;background:url(../img/topbar_icon.png) left -84px no-repeat;*background-position-y:-82px;}
.topbar-pro .name em.arrow{background-position-y:-102px;margin-left:6px;width:12px;*background-position-y:-100px}
.topbar-pro .name.hover{position:relative;color:#db3428;background:#fff;z-index:77;}
.topbar-pro .name.hover:after{position:absolute;content:'';left:0;top:0;right:0;height:47px;background:#fff;border-left:1px solid #eee;border-right:1px solid #eee;z-index:-1;}
.topbar-pro .name.hover .panel{background-position-y:-152px;*background-position-y:-150px}
.topbar-pro .name.hover .arrow{background-position-y:-166px;*background-position-y:-164px}
.topbar-pro .panel-list{display:none;position:absolute;left:0;top:46px;border:1px solid #eee;padding:10px 15px;background:#fff;width:290px;z-index:66;box-shadow: 0 5px 5px rgba(0,0,0,.05);}
.topbar-pro .panel-list a{float:left;line-height:32px;color:#666;padding:0 12px;margin-right:0;}
.topbar-pro .panel-list a:hover{color:#dc3429;}
.topbar2 .guid_name.hover:after{height:47px;}
.topbar2 .guid_name_panel{top:46px;}

.topbar-search{float:left;width:256px;margin:3px 20px 0 0;}
.topbar-search .search{height:28px;border:2px solid #f5f5f5;}
.topbar-search .search-select{float:left;width:52px;line-height:28px;}
.topbar-search .search-trigger{position:relative;}
.topbar-search .search-trigger span{position:relative;display:block;padding-left:8px;width:40px;background:url(../img/search_trigger.png) right center no-repeat;color:#666;cursor:pointer;}
.topbar-search .search-trigger span:after{position:absolute;top:7px;right:-7px;height:12px;border-right:1px solid #eee;content:'';z-index:6;}
.topbar-search .search-trigger a:hover{text-decoration:none;}
.topbar-search .search-trigger dl{position:absolute;top:28px;left:0;left:-1px;display:none;width:54px;border-top:0;background-color:#fff;z-index:66;border:1px solid #eee;box-shadow:0 2px 5px 1px rgba(0,0,0,.1);}
.topbar-search .search-trigger dl dd{clear:both;display:block;height:24px;text-indent:16px;line-height:24px;cursor:pointer;}
.topbar-search .search-trigger dl dd.searchOn{background-color:#f5f5f5; color: #db3428!important;}
.topbar-search .search form{float:left;width:200px;position:relative;}
.topbar-search .search-Off,.topbar-search .search-On{float:left;padding:0 10px;width:116px;height:26px;border:0;font-family:'微软雅黑','Microsoft YaHei';line-height:28px;font-size:12px;color:#666;}
.topbar-search .search-On{color:#666;}
.topbar-search .search-Off{color:#444;}
.topbar-search .search-btn{float:left;width:78px;height:28px;border:0;background:#e50011;color:#fff;font-size:14px;font-family:'微软雅黑','Microsoft YaHei';line-height:38px;}
.topbar-search .btn-search{position: absolute;top:0;right: 0;width: 78px;height: 28px;color: #666;background-color: #fff; border: 0;font-size:12px;border-left:2px solid #f5f5f5;}

/*header-box*/
.header-box{background:#fff;padding:15px 0;*position:relative;*z-index:66;}
.logo{float:left;width:440px; margin-top: 5px;}
.logo img{vertical-align:middle;}
.logo span{display:inline-block;margin-left:18px;border-left:1px solid #eee;padding-left:18px;vertical-align:middle;font-size:18px;color:#333;line-height:25px;max-width: 198px;
    overflow: hidden;}

.top-bar-search{float:left;width:500px;}
.top-bar-search .search{height:38px;border:1px solid #db3428;}
.top-bar-search .search-select{float:left;width:62px;line-height:38px;}
.top-bar-search .search-trigger{position:relative;}
.top-bar-search .search-trigger span{position:relative;display:block;padding-left:15px;width:40px;background:url(../img/search_trigger.png) right center no-repeat;color:#666;}
.top-bar-search .search-trigger span:after{position:absolute;top:10px;right:-9px;height:18px;border-right:1px solid #eee;content:'';z-index:6;}
.top-bar-search .search-trigger a:hover{text-decoration:none;}
.top-bar-search .search-trigger dl{position:absolute;top:38px;left:-1px;display:none;width:64px;border:1px solid #e50011;border-top:0;background-color:#fff;z-index:66;}
.top-bar-search .search-trigger dl dd{clear:both;display:block;height:24px;text-indent:16px;line-height:24px;cursor:pointer;}
.top-bar-search .search-trigger dl dd.searchOn{background-color:#f5f5f5; color: #db3428!important;}
.top-bar-search .search form{float:left;width:436px;position:relative;}
.top-bar-search .search-Off,.top-bar-search .search-On{float:left;padding:0 10px;width:336px;height:38px;border:0;font-family:'微软雅黑','Microsoft YaHei';line-height:38px;}
.top-bar-search .search-On{color:#666;}
.top-bar-search .search-Off{color:#444;}
.top-bar-search .search-btn{float:left;width:84px;height:38px;border:0;background:#e50011;color:#fff;font-size:14px;font-family:'微软雅黑','Microsoft YaHei';line-height:38px;}
.top-bar-search .btn-search{position: absolute;right: 0;width: 100px;height: 38px;color: #fff;background-color: #e50011; border: 0;}
.top-bar-search .btn-search:hover{background: #d2141e;}

.con-tab-menu{position:absolute;left:-1px;display:none;margin-top:39px;width:398px;height:381px;border:1px solid #eee;border-top:none;background:#fff;z-index:66;box-shadow: 0 5px 5px rgba(0,0,0,.05);}
.con-tab-menu .close{position:absolute;bottom:0;width:100%;height:40px;border-top:1px solid #eee;background:#f5f5f5;font-size:12px;line-height:40px}
.con-tab-menu .close a{position:absolute;right:20px;color:#666}
.tab-menu-nav{height:40px}
.tab-menu-nav a{float:left;display:block;width:33.3%;*width:33.2%;height:40px;border:none;background-color:#f5f5f5;text-align:center;font-size:12px;line-height:40px;cursor:pointer}
.tab-menu-nav a:hover{text-decoration:none}
.tab-menu-nav a.on{background:#fff;color:red}
.con-contentBox{width:100%;height:100px}
.con-contentBox .box{display:none;font-size:12px}
.con-contentBox .box.active{display:block}
.con-contentBox .box .color{color:red}
.con-contentBox .box .number{position:absolute;right:0}
.con-contentBox .box .num-color{color:#ccc}
.con-contentBox .box ol li{color:#666;text-indent:20px;line-height:30px;cursor:pointer; font-size: 12px;}
.con-contentBox .box ol li:hover{width:100%;background:#f5f5f5}
.con-contentBox .box ol li span{margin-right:10px;}
.searchbox{position:relative;*z-index:10;}
.mod_select{position:absolute;top:0;left:0;width:68px}
.mod_select .select_box{position:relative;width:68px;height:36px}
.mod_select .select_box .select_txt{display:inline-block;overflow:hidden;padding-left:10px;width:68px;height:36px;font-size:16px;line-height:36px;cursor:pointer}
.mod_select .select_box .select-icon{position:absolute;top:50%;left:50px;width:10px;height:10px;background:url(../img/search_ico.png) center no-repeat;transform:translate(0,-50%)}
.mod_select .select_box .option{position:absolute;top:40px;left:-2px;display:none;width:55px;border:2px solid #e50011;border-top:0;background-color:#fff}
.mod_select .select_box .option li{padding-left:10px;font-size:16px;line-height:2;cursor:pointer}
.mod_select .select_box .option li:hover{background:#dcdcdc}
.searchbox .import{padding-left:10px;height:32px;outline:0;border:none}

.search-hot{padding-top:5px;}
.search-hot a{color:#db3428;padding-right:12px;}
.search-hot a:hover{text-decoration: underline;}
.search-hot span{color:#666; font-size: 12px;}

.header-box .pro-in{float:right;width:142px;height:40px;line-height:40px;background:#f3f3f3;text-align:center;}
.header-box .pro-in a{color:#db3428;font-size:14px;}
.header-box .pro-in i{display:inline-block;width:20px;height:24px;background:url(../img/topbar_icon.png) left -119px no-repeat;vertical-align:middle;margin-right:5px;}
.header-box .pro-in:hover{background: #db3428;}
.header-box .pro-in:hover a{color: #fff;}
.header-box .pro-in:hover i{background-position: 0 -182px;}

/*项目库分类search*/
.topbar-search .con-tab-menu{margin-top:30px;border-color:#eee;left:0;width:252px;}
#nav2 a{font-size:12px;font-weight:normal;}
#contentBox2{width:252px;}
#contentBox2 .box ol li span{font-weight:normal;}
#tab-menu2 .close{width:252px;}
.topbar-search-hover .search{border:2px solid #db3428;height:26px;}
.topbar-search-hover .search form{width:200px;}
.topbar-search-hover .search-Off, .topbar-search-hover .search-On{height:26px;}
.topbar-search-hover .btn-search{height:26px;background:#db3428;color:#fff;}
.topbar-search-hover .con-tab-menu{left:-2px;}

/* 友情链接 */
.friendship{ background: #fff; padding: 18px 0 18px 10px;border-bottom: 1px solid #eee;}
.friendship span{ font-size: 14px;color: #666;line-height: 24px;}
.friendship .linkd{max-height: 73px;overflow: hidden;position: relative;}
.friendship a{ padding: 0 10px;position: relative; line-height: 24px; color: #888; font-size: 14px; display: inline-block;}
.friendship a:after{content: "";width: 1px;height: 14px;background-color: #eee;position: absolute;left: 0;top: 5px;}
.friendship a:first-child{padding-left: 0;}
.friendship a:first-child:after{background-color: transparent;}
.friendship a:hover{color: #E6191E;}
.friendship .linkd .moreLink{display: none;padding: 0 9px;height: 24px;line-height: 24px;position: absolute;right: 10px;bottom: 0;background-color: #fff;}
.friendship .linkd .moreLink:before{content: "";width: 15px;height: 100%;position: absolute;left: -16px;top: 0;
    background: -webkit-linear-gradient(left, rgba(255,255,255,.4) , rgba(255,255,255,1));
    background: -o-linear-gradient(right, rgba(255,255,255,.4), rgba(255,255,255,1));
    background: -moz-linear-gradient(right, rgba(255,255,255,.4), rgba(255,255,255,1));
    background: linear-gradient(to right, rgba(255,255,255,.4) , rgba(255,255,255,1));}
.friendship .moreLink:hover{border-color: #db3428;}
.friendship .linkd .moreLink:after{background-color: transparent;}
.friendship .linkd.show{max-height:800px;}
.friendship .linkd.show .moreLink{ display: none!important; }
/*公共底部*/
.bottom_box{width: 100%;background-color: #FFFFFF; margin-top: 40px; border-top: solid 1px #f1f1f1;}
.bottom_cont_list{height: 22px;padding: 15px 0;}
.bottom_cont_list ul li{float: left;width: 99px;border-right: 1px solid #e5e5e5;text-align: center;}
.bottom_cont_list ul li:last-child{border-right:none}
.bottom_cont_list ul li a{font-size: 14px;color: #333333;}
.bottom_cont_list ul li a:hover{text-decoration: underline;}
.bottom_cont_info{width: 1200px;height: 168px;}
.bottom_cont_info_logo{float: left;margin-top: 35px;}
.bottom_cont_info_logo img{width: 126px;height: 58px}
.bottom_cont_info_where{float: left;margin-left: 30px;margin-top: 10px;}
.bottom_cont_info_where p{font-size: 12px;color: #b5b5b5;line-height: 34px;}
.bottom_cont_info_where p span{font-size: 13px;color: #5d5d5d;}
.bottom_cont_info_app{width: 390px;height: 130px;float: right;padding-top: 15px;}
.bottom_cont_info_app ul li{float: left;width: 130px;height: 130px;text-align: center;cursor: pointer;}
.bottom_cont_info_app ul li a{font-size: 12px;color: #777777;}

/*导航*/
.navbar{ background: #e6191e;margin-bottom: 20px;height: 44px;}
.navbar ul{position: relative;height: 44px;z-index: 10;}
.navbar li{ float: left; margin-left: 10px;}
.navbar li:first-child{ margin-left: 0;}
.navbar li a{ line-height: 44px; padding: 0 20px; display: inline-block; font-size: 16px; font-weight: bold;color: #fff;}
.navbar .current a,.navbar li:hover > a{ background:rgba(255,255,255,.3);}
.navbar .more_menu {width: 56px;height: 44px;float: right;margin-left: 0;position: relative;}
.navbar .more_menu  .menu-icon{display: block;width: 100%;height: 100%;background: url(../img/icon/menu_icon.png) 18px 12px no-repeat;}
.navbar .more_menu .menubox{display: none;position: absolute;right: 0;top:44px;width: 1128px;height: 56px;}
.more_menu .menubox ul{height: 44px;background-color: #ee5e62;margin-top: 12px;padding-left: 10px;position: relative;}
.more_menu .menubox ul::before{content: "";width: 0;height: 0;border: 6px solid transparent;border-bottom-color:#ee5e62;position: absolute;right: 22px;top: -12px; }
.more_menu .menubox ul li a:hover{background:rgba(255,255,255,.2);}
.navbar .more_menu:hover{background:rgba(255,255,255,.3);}
.navbar .more_menu:hover .menu-icon{background-position: 18px -27px;}
.navbar .more_menu:hover .menubox{display: block;}

.leftmain{ float: left;width: 260px; position: relative; margin-right: 20px;}
.rightmain{ float: left; width: 920px;}
/*左边推荐*/
.rank-top{height: 146px;border: 1px solid #eee;overflow: hidden;}
.rank-top:last-child{margin-top: -1px;}
.rank-top h3{background-color: #f8f8f8;font-size: 14px;color: #333333;height: 40px;line-height: 40px;padding-left: 15px;border-bottom: 1px solid #f1f1f1;}
.rank-top h3 span{color: #e6191e;}
.rank-top ul {padding: 10px 5px;overflow: hidden;}
.rank-top ul li{float: left;}
.rank-top ul li a{display: inline-block;padding: 0 10px;line-height: 30px;color: #666;max-width: 130px;}
.rank-top ul li a:hover,.rank-top ul li.on a{color: #E6191E;}
/*banner*/
.banner{width: 650px; height: 294px; margin-right: 20px;}
.banner .swiper-slide img{width:100%}
.swiper-pagination-bullet{ width: 12px; height: 12px; opacity: 1; background: rgba(0,0,0,.5);}
.swiper-pagination-bullet-active{ background: #fff; opacity: 1;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 16px;}
.index-banner{position:relative;width:100%;overflow:hidden;}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
/* 右侧推荐 */
.top-tj{width: 248px;height: 292px;border: 1px solid #eee;}
.top-tj h3{background-color: #f8f8f8;font-size: 14px;color: #333333;height: 40px;line-height: 40px;padding-left: 15px;border-bottom: 1px solid #f1f1f1;}
.top-tj h3 span{color: #e6191e;}
.top-tj h3 a{font-size: 12px;color: #666;float: right;margin-right: 14px;}
.top-tj h3 a:hover{color: #E6191E;}
.top-tj-item{padding: 12px 14px 10px 16px;height: 82px;box-sizing: border-box;}
.top-tj-item:first-child{height: 84px;padding-top: 14px;}
.top-tj-item:last-child{padding-bottom: 13px;height: 85px;}
.top-tj-item .pic{position: relative;width: 94px;height: 62px;float: left;}
.top-tj-item .pic img{width: 100%;height: 100%;}
.top-tj-item .text{width: 115px;float: right;}
.top-tj-item .text h4{font-size: 14px;font-weight: bold;margin-top: 6px;}
.top-tj-item .text p{font-size: 14px;color: #999999;margin-top: 10px;}
.top-tj-item .text p span{color: #ff5000;}
.top-tj-item:hover{background-color: #f9f9f9;}
.top-tj-item:hover .pic{-webkit-box-shadow: 0 0 7px #999;-moz-box-shadow: 0 0 7px #999;-ms-box-shadow: 0 0 7px #999;box-shadow: 0 0 7px #999;}
/* 排行数字 */
.ranknum{display: block;width: 27px;height: 27px;background: url(../img/icon/num_icon.png) no-repeat;position: absolute;top: -5px;left: 0;text-align: center;line-height: 20px;color: #fff;font-weight: bold;font-style: normal;font-size: 12px;padding-left: 3px;}
.ranknum.num{background-position: 0 -221px;}
.ranknum.num1{background-position: 0 0;}
.ranknum.num2{background-position: 0 -74px;}
.ranknum.num3{background-position: 0 -147px;}

.brand{border: 1px solid #eee;}
.brand .btitle{height: 46px;line-height: 46px;background-color: #f8f8f8;border-bottom: 1px solid #eee;padding-left: 15px;}
.brand .btitle b em{ color: #e6191e;}
.brand .btitle b{ color: #333;font-size:18px;}
.brand .btitle .more{float: right;font-size: 12px;color: #666; margin-right: 14px;}
.brand .btitle .more:hover{color: #E6191E;}
.tabtitle{ width: 900px;overflow: hidden;margin-top: 10px;float: left;margin-left: 35px;float: left;}
.tabtitle li{ padding: 0 10px; line-height: 28px; float: left; color: #666; cursor: pointer;margin-right: 10px; }
.tabtitle li.active{ background: #e5e5e5; color: #e6191e; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.tabItem li{ width: 12.5%;height: 190px;border-left: solid 1px #eee; float: left;box-sizing: border-box;padding-top: 14px;padding-left: 15px;}
.tabItem li:first-child{border-left: none;}
.tabItem li .pic{width: 120px;height: 90px;position: relative;}
.tabItem li .pic img{ width: 100%;height: 100%; display: inline-block;}
.tabItem li a{ display: block;position: relative;}
.tabItem li h4{font-size: 14px;font-weight: bold;margin-top: 8px;}
.tabItem li p{font-size: 14px;color: #999999;margin-top: 5px;}
.tabItem li p span{color: #ff5000;}
.tabItem li p em{color: #333;}
.tabItem li:hover{background-color: #f9f9f9;}
.tabItem li:hover .pic{-webkit-box-shadow: 0 0 7px #999;-moz-box-shadow: 0 0 7px #999;-ms-box-shadow: 0 0 7px #999;box-shadow: 0 0 7px #999;}


/* 首页分类排行 */
.sort-item{width: 286px;height: 900px;float: left;border: 1px solid #eee;margin-right: 16px;margin-top: 16px;}
.sort-item:nth-child(4n){margin-right: 0;}
.sort-item:nth-child(-1n+4){margin-top: 0}
.sort-item .sort-tit{height: 48px;line-height: 48px;background-color: #f8f8f8;padding-left: 15px;padding-top: 11px;box-sizing: border-box;
background: url(../img/classfy_bg.png) no-repeat;}
.sort-item:nth-child(1) .sort-tit,.sort-item:nth-child(8) .sort-tit,.sort-item:nth-child(11) .sort-tit{background-position: 0 0;}
.sort-item:nth-child(2) .sort-tit,.sort-item:nth-child(7) .sort-tit,.sort-item:nth-child(12) .sort-tit{background-position: 0 -96px;}
.sort-item:nth-child(3) .sort-tit,.sort-item:nth-child(6) .sort-tit,.sort-item:nth-child(9) .sort-tit{background-position: 0 -192px;}
.sort-item:nth-child(4) .sort-tit,.sort-item:nth-child(5) .sort-tit,.sort-item:nth-child(10) .sort-tit{background-position: 0 -288px;}
.sort-item .sort-tit h3{height: 24px;line-height: 24px;padding-left: 30px;font-size: 18px;color: #fff;font-weight: bold;background: url(../img/icon/classfy_icon.png) no-repeat;}
.sort-item .sort-tit h3.icon1{background-position: 0 -170px;}
.sort-item .sort-tit h3.icon2{background-position: 0 0;}
.sort-item .sort-tit h3.icon3{background-position: 0 -34px;}
.sort-item .sort-tit h3.icon4{background-position: 0 -68px;}
.sort-item .sort-tit h3.icon5{background-position: 0 -273px;}
.sort-item .sort-tit h3.icon6{background-position: 0 -375px;}
.sort-item .sort-tit h3.icon7{background-position: 0 -204px;}
.sort-item .sort-tit h3.icon8{background-position: 0 -102px;}
.sort-item .sort-tit h3.icon9{background-position: 0 -307px;}
.sort-item .sort-tit h3.icon10{background-position: 0 -341px;}
.sort-item .sort-tit h3.icon11{background-position: 0 -239px;}
.sort-item .sort-tit h3.icon12{background-position: 0 -136px;}
.sort-item .sort-tit a{color:#fff;}
.sort-ul li{padding-left:16px;padding-right: 15px;position: relative;}
.sort-ul li a{display: block;border-bottom: 1px dashed #f1f1f1;}
.sort-ul li:nth-child(1) a,.sort-ul li:nth-child(2) a,.sort-ul li:nth-child(3) a{padding-bottom: 14px;}
.rank-box{width: 258px;height: 440px;border: 1px solid #f1f1f1;padding: 8px 20px;}
.rank-xm-name{line-height: 37px;max-height: 37px;padding:4px 0;}
.rank-xm-name .num{margin-right: 5px;display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url(../img/icon/rank_icon.png) top center no-repeat;}
.rank-xm-name .num1{background-position: 0 0;}
.rank-xm-name .num2{background-position: 0 -29px;}
.rank-xm-name .num3{background-position: 0 -58px;}
.rank-xm-name .num4{background-position: 0 -86px;}
.rank-xm-name .num5{background-position: 0 -114px;}
.rank-xm-name .num6{background-position: 0 -142px;}
.rank-xm-name .num7{background-position: 0 -170px;}
.rank-xm-name .num8{background-position: 0 -199px;}
.rank-xm-name .num9{background-position: 0 -230px;}
.rank-xm-name .num10{background-position: 0 -258px;}
.rank-xm-name h4{display: inline-block;vertical-align: top;font-weight: bold;max-width:120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.rank-xm-name .xmsg {font-size: 14px;color: #999;}
.rank-xm-name .xmsg span{color: #ff5000;margin-right: 10px;}
.sort-ul li:hover{background-color: #f9f9f9;}
.sort-ul li:hover .xm-pic{-webkit-box-shadow: 0 0 7px #999;-moz-box-shadow: 0 0 7px #999;-ms-box-shadow: 0 0 7px #999;box-shadow: 0 0 7px #999;}
.rank-xm-info .xm-pic{width:94px;height: 94px;float: left;border: 1px solid #f1f1f1;background: #fff;}
.rank-xm-info .xm-pic img{display: block;width: 100%;height: 100%;}
.rank-xm-info .xm-txt{width: 144px;float: right;margin-top: 10px;}
.rank-xm-info .xm-txt p{font-size: 14px;color: #999999;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.rank-xm-info .xm-txt p span{color: #ff5000;font-size: 14px;}
.rank-xm-info .xm-txt p em{color: #333;}
.rank-xm-show{display: none;box-sizing: border-box;background-color: #f9f9f9;width: 100%;position: absolute;top: 0;left: 0;padding-left: 16px;padding-bottom: 15px;
    padding-right: 15px;z-index: 10;-webkit-box-shadow: 0 0 7px #999;-moz-box-shadow: 0 0 7px #999;-ms-box-shadow: 0 0 7px #999;box-shadow: 0 0 7px #999;}
.sort-ul li:hover .rank-xm-show{display: block;}
.sort-ul li:nth-child(1) .rank-xm-name h4,.sort-ul li:nth-child(2) .rank-xm-name h4,.sort-ul li:nth-child(3) .rank-xm-name h4,.rank-xm-show .rank-xm-name h4{max-width:222px;}
.more-rank{padding: 12px 15px 0 16px;}
.more-rank a{border-radius: 4px;display: block;width: 100%;height: 40px;line-height: 40px;background-color: #f6f7f9;text-align: center;font-size: 14px;color: #0059a8;}
.more-rank a:hover{background-color: #e6f0fa;}
.sort-ul li:hover .rank-xm-show .xm-pic{-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;box-shadow: none;}

/* banner 左右切换图标 */
.banner .swiper-button-prev,.banner .swiper-button-next{background: url(../img/banner_arrow.png) no-repeat;background-color: rgba(0,0,0,0.3);width: 34px;height: 68px;margin-top: -34px;}
.banner .swiper-button-prev{background-position: 13px 27px;left: 0;}
.banner .swiper-button-next{background-position:14px -24px;right: 0;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background-color:rgba(0,0,0,.4); }
.news-banner .swiper-button-prev,.news-banner .swiper-button-next{background: url(../img/banner_arrow.png) no-repeat;background-color: rgba(0,0,0,0.3);width: 18px;height: 34px;margin-top: -17px;}
.news-banner .swiper-button-prev{background-position: 5px -88px;left: 0;}
.news-banner .swiper-button-next{background-position:6px -119px;right: 0;}
.news-banner .swiper-button-prev:hover,.news-banner .swiper-button-next:hover{background-color:rgba(0,0,0,.4); }

/* 面包屑 */
.crumbs,.crumbs a{ color: #8c8c8c; line-height: 50px;}
.crumbs span,.crumbs a:hover{ color: #333;}

/* 返回顶部 */
.backtop{display: none;width: 40px;height: 40px;background: rgba(0,0,0,.5);position: fixed;bottom: 100px;left: 50%;margin-left: 660px;}
.backtop:hover{background:rgba(0,0,0,0.8) }
.backtop i{display: block;width: 100%;height: 100%;background: url(../img/icon/backtop.png) center center no-repeat;}

/*底部悬浮条*/
.bottomFix .bottomBar{height: auto;width: 100%; position: fixed;bottom: 0; left: 0; color: #fff;z-index: 10002;background: url(../img/fixed_bg.jpg) center center repeat-y;}

.bottomFix .bottomBar .btnUp{width: 78px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: 650px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-color: #701e55;}
.bottomFix .btnUp i{ width: 10px; height: 10px; vertical-align: middle; margin-left: 5px; display: inline-block; background: url(../img/fixed_arrow.png) -4px -4px no-repeat;}
.bottomFix .tip-txt{float: left;margin-top: 14px;}
.bottomFix .tip-txt h3{font-size: 24px;color: #fff;font-weight: bold;}
.bottomFix .tip-txt i{display: inline-block;width: 48px;height: 34px;background: url(../img/icon_run.png) no-repeat;vertical-align: middle;margin-top: -3px;margin-right: 6px;}
.bottomFix .fixed-form{float: right;margin-top: 11px;}
.fixed-form .nameInp,.fixed-form .telInp{height: 38px;line-height: 36px;background-color: #fff;border-radius: 4px;float: left;margin-right: 10px;overflow: hidden;}
.fixed-form .nameInp input,.fixed-form .telInp input{width: 100%;border: none;text-indent: 10px;font-size: 14px;}
.fixed-form .nameInp{width: 150px;}
.fixed-form .telInp{width: 430px;}
.fixed-form .telInp input{width: 320px;}
.fixed-form .telInp button{width: 110px;height: 100%;float: right;border: none;background-color: #e6191e;color: #fff;}
.fixed-form .zx-btn{float: left;display: block;width: 120px;height: 38px;line-height: 36px;text-align:center;
    background-color: #2084c0;color: #fff; border-radius: 4px;font-size: 14px;}
.fixed-form .zx-btn i{display: inline-block;width: 18px;height: 18px;
    background: url(../img/tip.png) no-repeat;margin-right: 6px;vertical-align: middle;margin-top: -3px;}
.bottomFix .bottomBar .wrap{overflow: hidden;height: 60px;}
.bottomFix .btmdown .wrap{height: 3px;}
.bottomFix .btmdown .btnUp i{background-position: -35px -3px;}
.wrap{ width: 1200px; margin: 0 auto;}

.ui-mask{ display: none; z-index: 13; width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;top: 0;}
.ui-box{ display: none; z-index: 13; width: 240px;background: #fff;position: fixed;top: 50%;left: 50%;height: 140px;margin-left: -120px;margin-top: -70px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.ui-box p{font-size: 16px;color: #333;text-align: center;padding: 37px 0;border-bottom: solid 1px #eee;}
.btnok{display: block;background: #fff; color: #e6191e; border-width: 0;font-size: 16px;text-align: center;width: 100%;line-height: 44px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;border-radius: 0 0 8px 8px;}
.nonemt{ margin-top: 0;}