@charset "utf-8";:root{--theme-color:#024afd}
body,html{width:100%}
body{padding-top:65px;background-color:#f0f4f5;font-size:14px;line-height:160%;font-family:Helvetica,Arial,"PingFang SC","Microsoft YaHei","WenQuanYi Micro Hei","tohoma,sans-serif"}
dd,dl,dt,fieldset,form,img,li,ol,table,td,tr,ul{margin:0;padding:0;font-weight:400}
input,select{font-size:12px;vertical-align:middle;border:none}
li,ul{list-style-type:none}
em,i{font-style:normal}
img{border:0 none}
img.border-radius-5{border-radius:50%}
p{margin:0 0 10px}
a{color:#080808;text-decoration:none}
a:focus,a:hover,button:focus,button:hover{color:var(--theme-color);text-decoration:none;outline:0}
.split-line{display:inline-block;margin-left:12px;margin-right:12px;width:1px;height:14px;vertical-align:-2px;background-color:#eee}
.spot{display:inline-block;vertical-align:-1px;margin-right:5px;width:8px;height:8px;background-color:#fff;border-radius:50%;border:2px solid var(--theme-color)}
.spot.text{vertical-align:1px}
.spot.no{border:2px solid #eee}
.clearfix{clear:both}
.margin-0{margin:0!important}
.padding-0{padding:0!important}
.font-red,.text-red{color:red}
.text-333{color:#333}
.text-color{color:#4fb1f7}
.text-muted{color:#999}
.text-fff{color:#fff}
.font-12{font-size:12px}
.font-14{font-size:14px}
.font-16{font-size:16px}
.font-18{font-size:18px}
.badge{background-color:red}
.p10{padding:10px}
.p20{padding:20px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.media-body,.media-left,.media-right{padding-top:10px}
.icon-v{position:absolute;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background-color:#ffca3f;color:#fff}
.icon-v.active{background-color:#4fb1f7}
.form-control.code{display:inline-block;width:120px;margin-right:10px}
.form-control-static{display:inline-block}
.help-block{margin-bottom:0}
.tags a{display:inline-block;margin-right:10px;font-size:14px;line-height:25px}
.tags a.text{display:inline-block;margin-right:8px;margin-top:8px;padding:0 8px;border-radius:5px;border:1px solid #eee;font-size:12px}
.alert{padding:10px 15px;margin-bottom:30px;text-align:center}
.adtips{position:absolute;bottom:0;right:0;padding:0 10px;font-size:12px;color:red;background-color:#f5f5f5}
.text-overflow{width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.text-through{text-decoration:line-through}
.magnifier img{cursor:pointer}
.empty-ad{display:block;width:100%;height:100%;color:#333}
.empty-ad h4{margin:0 0 5px}
.empty-ad span{color:#999}
.page-breadcrumb{background:0 0;padding:0}
.page-container-top{width:100%;height:140px;background-color:var(--theme-color);color:#fff;padding-top:20px}
.page-container-top h3{font-size:30px;font-weight:700}
.page-container-top p{font-size:15px}
.btn{padding:6px 22px;border:0;border-radius:18px}
.btn-lg{padding:10px 50px;border-radius:30px;font-size:16px}
.btn-theme{border:1px solid var(--theme-color);background-color:var(--theme-color);color:#fff}
.btn-theme:hover{border:1px solid #1b59f5;border-color:#1b59f5;color:#fff}
.btn-hollow{border:1px solid #4fb1f7;border-color:#4fb1f7;color:#4fb1f7}
.btn-primary{background-color:#4fb1f7;border-color:#4fb1f7;color:#fff}
.btn-default{border:1px solid #eceff1;border-color:#eceff1}
.btn-primary:hover{background-color:#499ef3;border-color:#499ef3;color:#fff}
.dropdown-menu{min-width:90px;padding:0;margin-top:-3px;border:1px solid #eceff1;box-shadow:5px 5px rgba(102,102,102,.1)}
.dropdown-menu:before{position:absolute;top:-7px;left:9px;display:inline-block!important;border-right:7px solid transparent;border-bottom:7px solid #eceff1;border-left:7px solid transparent;border-bottom-color:rgba(0,0,0,.2);content:''}
.dropdown-menu:after{position:absolute;top:-6px;left:10px;display:inline-block!important;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}
.dropdown-menu.right:before{left:auto;right:9px}
.dropdown-menu.right:after{left:auto;right:10px}
.dropdown-menu.center:before{left:50%;margin-left:-5px}
.dropdown-menu.center:after{left:50%;margin-left:-4px}
.dropdown-menu>li>a{display:block;padding:10px;text-align:center}
.dropdown-menu>li>a:hover{background-color:#f5f5f5}
.panel-group .panel{margin-bottom:10px}
.panel-title{display:block;font-size:14px}
.panel-default,.panel-default>.panel-heading{border-color:#eee}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #eee}
.nav li{display:inline-block}
.nav-screen{margin-bottom:12px}
.nav-screen:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.nav-screen.active{margin-bottom:20px}
.nav-screen li{margin:3px}
.nav-screen li a{display:inline-block;padding:0 10px;border-radius:15px;font-size:12px;color:#6a6a6a;background:#f5f9f9;border:1px solid #eeefef}
.nav-screen li a i{color:#bcbcbc}
.nav-screen li.active a,.nav-screen li.active:hover a{background-color:var(--theme-color);border-color:var(--theme-color);color:#fff}
.nav-screen li:first-child{padding:2px 0;margin-right:15px;font-weight:700}
.nav-screen.active li:first-child{margin-right:0}
.nav-search{position:relative}
.nav-search .form-control{display:inline-block;width:150px;height:26px;border-radius:50px 0 0 50px;font-size:12px}
.nav-search .submit{padding:4px 15px;margin-left:-5px;border-radius:0 15px 15px 0;font-size:12px}
.nav-search .submit:hover{color:#fff}
.search-cat-box{display:flex;justify-content:center;align-items:center}
.search-cat{position:relative;white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;text-align:center;display:inline-block;background:#fff;border-radius:50px;padding:15px 5px;margin-top:-30px}
.search-cat li{display:inline-block}
.search-cat li a{padding:15px 40px;color:#4b5e7f;font-weight:700}
.search-cat li a.active,.search-cat li a:hover{background-color:#dce9ff;border-radius:50px;color:var(--theme-color)}
.search-title{font-size:18px;text-align:center;margin:25px auto}
.portlet{padding:20px;margin-bottom:30px;background-color:#fff;box-shadow:0 2px 10px 0 rgba(146,146,146,.2);border-radius:5px}
.portlet.need{height:240px;background:url(../img/need_bg.jpg) no-repeat;background-position:center;background-color:#4d8eff}
.portlet.bgnone{padding:0;background:0 0;border:0;border-radius:0;box-shadow:none}
.portlet.noborder{border:0;box-shadow:none}
.portlet.list-top{margin-top:70px}
.portlet-title{margin-bottom:20px;border-bottom:1px solid #eceff1}
.portlet-title h1,.portlet-title h3{margin:0 0 15px;font-size:18px;color:#000}
.portlet-title h3 .fa{color:#4fb1f7}
.portlet-title.mytitle{padding-bottom:15px;font-size:18px;color:#333}
.portlet-title .operate a{display:inline-block;width:30px;height:25px;text-align:center;line-height:25px;border:1px solid #eee;border-radius:4px}
.portlet-title.active{border-bottom:0}
.portlet-title.active h2{font-size:24px}
.nav>li>a:focus,.nav>li>a:hover{background:0 0}
.portlet-tabs{position:relative;margin-bottom:20px;background-color:#fff}
.portlet-tabs li{margin-right:30px;display:inline-block;padding:0 0 10px;font-size:18px;font-weight:700;background:0 0;color:#333;border-bottom:3px solid #fff;cursor:pointer}
.portlet-tabs li.active,.portlet-tabs li:hover{color:var(--theme-color)}
.portlet-tabs li::after,.portlet-tabs li:hover::after{content:"";position:absolute;bottom:-5px;left:50%;border-bottom:4px solid var(--theme-color);transition:all .35s ease 0s}
.portlet-tabs li.active::after,.portlet-tabs li:hover::after{width:28px;margin-left:-14px}
.portlet-tabs .search{position:relative;top:-6px}
.portlet-tabs .search .form-control{display:inline-block;width:160px;height:33px;border-radius:4px 0 0 4px}
.portlet-tabs .search .submit{margin-left:-5px;border-radius:0 15px 15px 0}
.portlet-pagination{text-align:center}
.portlet-body .form-group{margin:0!important;padding:15px 0;border-top:1px dashed #eee}
.portlet-body .form-group:first-child{border-top:0}
.portlet-foot{padding-top:15px;margin-top:15px;border-top:1px solid #eceff1}
.header-alert{margin:0;padding:10px 0;border:0;border-radius:0;text-align:left}
.header-top{position:fixed;top:0;z-index:1999;width:100%;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.07)}
.header-top .container,.footer .container{max-width: 1230px;margin: 0 auto;}
.header-logo{float:left;}
.header-navico{display: none}
.header-logo a{color:#024afd;font-size: 24px;line-height: 60px}
.header-logo span{display:inline-block;margin:0 10px;color:#ccc}
.header-menu{float:left;margin-left:200px}
.header-menu>li{position:relative;float:left;margin-right:35px}
.header-menu>li .tips{position:absolute;top:15px;right:-20px;display:block;width:23px;height:15px}
.header-menu>li>a{display:inline-block;padding:20px 0 20px;font-size:16px;color:#666}
.header-menu>li.active>a,.header-menu>li>a:hover{color:var(--theme-color);border-bottom:3px solid var(--theme-color)}
.header-menu li .dropdown-menu{padding:10px;margin-top:-10px;margin-left:-120px}
.header-menu li .dropdown-menu li{position:relative;float:left;width:33.333333%;text-align:center}
.header-menu li .dropdown-menu li .tips{top:2px;right:-2px}
.header-menu>li:hover .dropdown-menu,.header-user:hover .dropdown-menu{display:block}
.header-login{float:right;margin-top:20px}
.header-login li .btn{float:left;margin-left:20px;color:#fff}
.header-login li .btn a,.header-login li .btn a:hover{color:#fff}
.header-user{float:right;position:relative;padding:15px 0 15px}
.header-user .avatar{position:relative;color:#666}
.header-user .avatar img{width:35px;height:35px;margin-right:5px;border-radius:50%}
.header-user .avatar .headertips{display:inline-block;position:absolute;top:-12px;left:20px;width:10px;height:10px;border-radius:50%;background:red}
.header-user .dropdown-menu{padding-bottom:10px;min-width:120px}
.header-user .dropdown-menu li a{text-align:center}
.header-user .dropdown-menu li.top a{padding:15px;border-bottom:1px solid #f5f5f5}
.header-user .dropdown-menu li.top span{display:block;text-align:center}
.header-user .dropdown-menu li.top .text{font-size:12px;color:#999}
.header-user .dropdown-menu li.top .num{font-size:16px;color:red}
/*! index */.index{margin:20px 0}
.index-title{display:block;margin-bottom:30px}
.index-title h3{width:130px;margin-top:0;margin-bottom:-25px}
.index-title h3 i{color:var(--theme-color);margin-right:8px}
.index-title ul{padding-left:130px;padding-right:100px}
.index-title ul li{position:relative;display:inline-block;font-weight:700;color:#333;margin-right:30px;cursor:pointer}
.index-title ul li a{color:#333}
.index-title ul li.active a{color:var(--theme-color)}
.index-title ul li::after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:1px;border-bottom:3px solid var(--theme-color);transition:all .35s ease 0s}
.index-title ul li.active::after{width:20px;margin-left:-10px}
.index-title .more{float:right;background-color:#fff;color:#666;border-radius:5px;padding:5px 10px;margin-top:-25px}
.index-foot{margin-bottom:30px}
.index-banner{position:relative;left:0;width:100%;background-color:var(--theme-color)}
.search-box h3{color:#fff;font-size:26px}
.search-box .index-search{position:relative;width:600px;margin:20px auto}
.search-box .index-search .form-control{padding:0 20px;height:45px;border:1px solid #eee;box-shadow:none;border-radius:25px}
.search-box .index-search .submit{position:absolute;top:1px;right:2px;padding:0 25px;border-radius:0 20px 20px 0;background:var(--theme-color);height:43px;border:0;color:#eee}


.item li{padding:10px}


.breadcrumbs.article{background-color: #fff;padding: 10px;box-shadow: 0 2px 10px 0 rgba(146,146,146,.2);border-radius: 5px;}
.breadcrumbs span{display: block;height: 20px;line-height: 24px;}
.breadcrumbs,.breadcrumbs a{font-size:12px;color:#333}



/*! img-list */.img-list{margin:10px 0}
.img-list.item{margin:auto -10px}
.img-list li{display:inline-block;padding-left:10px;padding-right:10px}
.img-list li:hover .title h3{color:var(--theme-color)}
.img-list li .img-box{border-radius:10px;overflow:hidden;transition:all .5s;box-shadow:0 2px 10px 0 rgba(146,146,146,.2)}
.img-list li .img{height:200px;overflow:hidden}
.img-list li .img img{width:100%;height:100%;transition:all .5s;object-fit:cover}
.img-list li:hover img{transform:scale(1.1)}
.img-list li .title{padding:10px 10px 5px;border-bottom:1px solid #f6f6f6}
.img-list li .title h3{font-size:14px;height:40px;line-height:20px;margin-bottom:0;margin-top:0;color:#333;overflow:hidden;padding-bottom:5px}


.comment-box h3{font-size:18px;margin-bottom:30px}


.pagination{margin-bottom:20px}
.pagination li a{margin:0 5px;border:0;color:#4e565e;background:0 0}
.pagination li.active a,.pagination li:hover a{border-radius:15px;background-color:#4d555d;border-color:#4d555d;color:#fff}

.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes langs{0%{margin-left:0}
100%{margin-left:-1938px}
}
@-webkit-keyframes langs{0%{margin-left:0}
100%{margin-left:-1938px}
}
@keyframes scaleToggleOne{0{transform:scale(1);-webkit-transform:scale(1)}
50%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{0{transform:scale(1);-webkit-transform:scale(1)}
20%{transform:scale(1);-webkit-transform:scale(1)}
60%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{0{transform:scale(1);-webkit-transform:scale(1)}
33%{transform:scale(1);-webkit-transform:scale(1)}
66%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@-webkit-keyframes rotate{0%{transform:rotate(-5deg)}
50%{transform:rotate(0)}
100%{transform:rotate(5deg)}
}
.ani-leftIn{-webkit-animation-name:leftIn;animation-name:leftIn}
.ani-leftIn,.ani-rightIn{-webkit-animation-duration:1s;animation-duration:1s}
.ani-rightIn{-webkit-animation-name:rightIn;animation-name:rightIn}
.ani-topIn{-webkit-animation-name:topIn;animation-name:topIn}
.ani-bottomIn,.ani-topIn{-webkit-animation-duration:1s;animation-duration:1s}
.ani-bottomIn{-webkit-animation-name:bottomIn;animation-name:bottomIn}
.ani-fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
.ani-fadeIn,.ani-rotateIn{-webkit-animation-duration:1s;animation-duration:1s}
.ani-rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
.ani-scaleIn{-webkit-animation-name:scaleIn;animation-name:scaleIn;-webkit-animation-duration:1s;animation-duration:1s}
@-webkit-keyframes leftIn{0%{opacity:0;transform:translateX(-50px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes leftIn{0%{opacity:0;transform:translateX(-50px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes rightIn{0%{opacity:0;transform:translateX(50px)}
to{opacity:1;transform:translateX(0)}
}
@keyframes rightIn{0%{opacity:0;transform:translateX(50px)}
to{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes topIn{0%{opacity:0;transform:translateY(-50px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes topIn{0%{opacity:0;transform:translateY(-50px)}
to{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes bottomIn{0%{opacity:0;transform:translateY(50px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes bottomIn{0%{opacity:0;transform:translateY(50px)}
to{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes rotateIn{0%{opacity:0;transform:rotate(15deg)}
to{opacity:1;transform:rotate(0)}
}
@keyframes rotateIn{0%{opacity:0;transform:rotate(15deg)}
to{opacity:1;transform:rotate(0)}
}
@-webkit-keyframes scaleIn{0%{opacity:0;transform:scale(.8)}
to{opacity:1;transform:scale(1)}
}
@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}
to{opacity:1;transform:scale(1)}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
@media (min-width:1400px){.container{width:1370px}
.row{margin:0 auto}
}
@media (min-width:992px){.col-md-55{width:20%}
}
@media (max-width:990px){.header-menu{float:left}
.header-menu>li{margin-right:25px}
.header-menu{margin-left:100px}

}
@media (max-width:767px){body{padding-top:65px}
h1{font-size:24px}
h4{font-size:16px}
.form-control{-webkit-appearance:none}
.search-box .index-search{width:90%}
.container{width:95%}
.header-menu{clear:both;margin-left:0}
/*! index */.index{margin:20px 0}
.index-title .more{margin-top:-5px}

/*! footer */.footer .item li p{width:100%}
/*! list */.article-box .icon{width:160px}
.article-box .article-box-right{width:calc(100% - 175px)}
.article-box-right .desc{margin-top:10px}

.portlet.theme-content-box{padding:20px}
.article-nav div{margin-bottom:10px}
/*! search */.search-cat{width:90%;display:flex!important;justify-content:space-between;text-align:center!important}
.app-text-center{padding:10px 0;text-align:center!important}
.nav{width:100%;}
.nav li{float:none;display:inline-block}
.nav-search .form-control{width:200px}
.nav-screen{padding-bottom:10px}
.nav-screen li:first-child{margin-right:0}
.nav-screen li a{margin:0}
.nav-syetem .operate{padding-top:0;padding-bottom:10px;text-align:left!important}
.portlet-slide-tab{width:100%;white-space:nowrap;overflow:hidden}
.portlet-slide-tab li{display:inline-block;margin-right:15px}
.portlet-slide-tab li a{display:inline-block;white-space:nowrap}
.portlet-slide-tab li.active a{border:0}
.header-top{padding:0}
.header-navico{display:block;margin:20px 0;font-size:24px;color:#999;float: left;width: 10%;}
.header-logo {
        float: left;
        width: 80%;
        text-align: center;
    }
.header-login{margin-top:15px;padding-bottom:10px}
.header-menu{display:none;float:none;margin-top:20px;padding:20px 0;border-top:1px solid #eee;margin-left:0}
.header-menu:after,.header-menu:before{content:" ";display:table;clear:both}
.header-menu>li{margin:0;padding:5px;width:33.333333%}
.header-menu>li>a{display:block;padding:0;text-align:center;height:35px;line-height:35px;font-size:14px;background-color:#f5f5f5;border-radius:5px}
.header-user{padding-top:15px}
.header-user .dropdown-menu{left:auto;right:0}
.header-user .dropdown-menu:after,.header-user .dropdown-menu:before{left:auto;right:20px}
.header-menu>li:hover .dropdown-menu,.header-user:hover .dropdown-menu{display:none}
.index-banner .content{margin-top:50px}
.index-search{width:100%}
.index-site li{width:50%;border:0}
.index-site li span{display:block}
.help-kefu .title{top:10px;font-size:14px}
.help-kefu .search{top:40px}
.media-body,.media-left,.media-right{padding-top:0}
.portlet.cart .text-right{text-align:left!important}
.pagination{margin:15px 0;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.pagination li{float:none;display:inline-block}
.login-form{margin:0;box-shadow:none}
.footer .item li.left .copy{text-align:center}
.footer-kefu{right:-20px;bottom:-45px}
.footer-fixed{bottom:90px;right:10px}
.footer-fixed .backtop{width:35px;height:35px;line-height:35px}
}