﻿*{box-sizing: border-box; margin: 0;}
ul{list-style: none; margin: 0;}
ul li{text-decoration: none;}
a{color: #666;text-decoration: none;}
.wp90{width:87.5%;min-width:1280px;max-width:1728px}
.text-red {
    color: #ff5c38 !important;
}
.header-wrap{height:62px}
.header{display:flex;justify-content:space-around;align-items:center;padding:0 50px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.07);-webkit-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.07)}
.header.fixed{position:fixed;top:0;left:0;right:0;z-index:99;min-width:1300px;}
.header .logo img{width: 135px;height: 60px;}
.header .logo{font-size:0;color:#fff}
.part-index-bt-title{padding:40px 0 15px 0;text-align:center;background:url("../image/title_bg.png") center bottom no-repeat}
.part-index-bt-title h5{color:#333;font-size:26px;line-height:30px;letter-spacing:2px}

.navbar{flex-grow:1;height:62px}
.navbar ul{display:flex;justify-content:space-around;align-items:center;flex-wrap:nowrap;padding:0 6%}
.navbar li>a{font-size:16px;line-height:62px;transition:color .3s}
.navbar li i{color:#333;font-size:18px;margin-right:3px;transition:color .3s}
.navbar li .arrow{display:inline-block;width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:translate3d(6px,-2px,0) rotateZ(45deg);transition:border-color .3s}
.navbar li:hover>a,.navbar li>a.cur,.navbar li:hover i,.navbar li>a.cur i{color:#399eff}
.navbar li:hover .arrow,.navbar li>a.cur .arrow{border-color:#399eff}
.navbar li .card-drop-menu{opacity:0;filter:alpha(opacity=0);visibility:hidden;background:#fff;position:absolute;top:60px;z-index:2;border:1px solid #eee;border-top: 0;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;box-shadow:0 5px 35px -3px rgba(50, 50, 50, 0.2);-webkit-box-shadow:0 5px 35px -3px rgba(50, 50, 50, 0.2);transition:.2s}
.navbar li.relative:hover .card-drop-menu{opacity:1;filter:alpha(opacity=100);visibility:visible}
.navbar li .card-drop-menu .imglist{width:540px;display:flex;flex-wrap:wrap;align-items:center}
.navbar li .card-drop-menu .imglist a{width:160px;margin:15px 0 0 15px;display:inline-block;position:relative;top:0;transition:top .4s}
.navbar li .card-drop-menu .imglist a:hover{top:-4px;color:#399eff}
.navbar li .card-drop-menu .imglist span {display:block;text-align:center;line-height:100%;font-size:14px}

.navbar li .card-drop-menu .item{display:inline-block;width:163px;height:87px;background:url("../image/cardtype.png") no-repeat;border-radius:8px;-webkit-box-shadow:8px}
.navbar li .card-drop-menu .img1{background-position:0 0}
.navbar li .card-drop-menu .img2{background-position:-176px 0}
.navbar li .card-drop-menu .img3{background-position:-356px 0}
.navbar li .card-drop-menu .img4{background-position:0 -87px}
.navbar li .card-drop-menu .img5{background-position:-176px -87px}
.navbar li .card-drop-menu .img6 {background-position:-356px -87px}
.navbar li .card-drop-menu .hot-search{margin-top:18px;padding:12px;border-top:1px solid #ddd}
.navbar li .card-drop-menu .hot-search a{color:#666;display:inline-block;margin-right:10px}
.navbar li .card-drop-menu .hot-search a:hover{color:#399eff}

.oper>ul{display:flex;align-items:center}
.oper .hsearch_btn>span i{font-size:22px;vertical-align:-2px}
.oper .hsearch_btn:hover>span{color:#399eff;cursor:pointer}
.oper .search-drop-menu{display:none;position:absolute;top:20px;right:-16px;padding-top:22px}
.oper .search-wrap{width:480px;padding:18px;background:#fff;box-shadow:0 1px 6px 1px rgba(0, 0, 0, .2);border-radius:14px}
.oper .sinput-wrap{position:relative}
.oper .sinput-wrap input{width:92%;border:1px solid #d5d5d5;border-radius:6px;padding:2% 4%}
.oper .sinput-wrap input:focus{border-color:#399eff}
.oper .sinput-wrap button{position:absolute;top:10px;right:10px;background:none;cursor:pointer}
.oper .hot-search-area a{display:inline-block;background:#f2f2f2;color:#666;padding:3px 12px;border-radius:16px;margin:12px 12px 0 0}
.oper .history-search-area>p{display:flex;justify-content:space-between;align-items:center}
.oper .history-search-area li{display:flex;justify-content:space-between;align-items:center;margin:8px 0;color:#666}
.oper .history-search-area li .word{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.oper .history-search-area li i{color:#c7c3c3;cursor:pointer}

.oper li>a{display:block;width:100px;text-align:center;margin-right:16px;border:1px solid #d5d5d5;color:#399eff;border-radius:25px;-webkit-border-radius:8px;height:38px;line-height:38px; box-sizing: border-box;}
.oper li:hover>a,.oper li a.cur{color:#fff;box-shadow:0 0 10px 2px #c6e8fb;background:#129EFB;}
.oper li .user-img{width:38px;height:38px;vertical-align:top;border-radius:50%;-webkit-border-radius:50%;border:1px solid #eee}
.oper li .user-name{display:inline-block;vertical-align:top;line-height:38px;padding:0 10px 0 5px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}
.oper li .login-out-drop-menu{opacity:0;filter:alpha(opacity=0);visibility:hidden;width:280px;right:-80px;padding-top:22px;position:absolute;top:28px;z-index:2;transition:.2s}
.oper li .login-out-drop-menu .wrap{background:#fff;border-top:0;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;box-shadow:0 5px 35px -3px rgba(50, 50, 50, 0.2);-webkit-box-shadow:0 5px 35px -3px rgba(50, 50, 50, 0.2)}
.oper li.logined>span{cursor:pointer}
.oper li.logined:hover .login-out-drop-menu{opacity:1;filter:alpha(opacity=100);visibility:visible}

.oper li.question>a{width:24px;height:24px;color:#333;border-color:#333;text-align:center;font:bold 16px/24px "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial,sans-serif;border-radius:50%;-webkit-border-radius:50%}
.oper li.question:hover>a{color:#fff;background:#399eff;border-color:#399eff}
.oper li.question .contact-drop-menu{opacity:0;filter:alpha(opacity=0);visibility:hidden;width:148px;padding-top:30px;position:absolute;z-index:2;right:-45px;top:30px;transition:.4s}
.oper li.question:hover>.contact-drop-menu{opacity:1;filter:alpha(opacity=100);visibility:visible}
.oper .contact-drop-menu .wrap{background:#fff;border:1px solid #fafafa;border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 8px 1px #eee;box-shadow:0 10px 35px -3px rgba(50, 50, 50, 0.2);-webkit-box-shadow:0 10px 35px -3px rgba(50, 50, 50, 0.2)}
.oper .contact-drop-menu .sj{display:block;width:0;height:0;position:absolute;top:21px;left:72px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #fff;box-shadow:0 1px 10px -3px rgba(50, 50, 50, 0.2)}
.oper .contact-drop-menu .list{padding:15px}
.oper .contact-drop-menu .list a{display:block;height:27px;line-height:27px;white-space:nowrap;margin-bottom:6px;transition:color .3s}
.oper .contact-drop-menu .list a:hover{color:#399eff}
.oper .contact-drop-menu .list>a.last{margin-bottom:0}
.oper .contact-drop-menu .list i{display:inline-block;width:27px;height:27px;vertical-align:middle;margin-right:4px;}
.oper .contact-drop-menu .list .c1{background-position:0 -195px}
.oper .contact-drop-menu .list .c2{background-position:-30px -194px}
.oper .contact-drop-menu .list .c3{background-position:-61px -195px}
.oper .contact-drop-menu .tel{padding:8px 4px;border-top:1px solid #ddd;text-align:center}
.oper .contact-drop-menu .tel p:nth-child(1){font-size:16px;font-weight:bold;color:#fe7050}

.login-out-drop-menu .wrap .l_bg{padding:12px;display:flex;align-items:center;background: #519cff;
    background: linear-gradient(to right,#519cff 0,#bb71ff 100%);
    background: -webkit-linear-gradient(left,#519cff 0,#bb71ff 100%);
    background: -moz-linear-gradient(left,#519cff 0,#bb71ff 100%);
    background: -o-linear-gradient(left,#519cff 0,#bb71ff 100%);
    background: -ms-linear-gradient(left,#519cff 0,#bb71ff 100%)
}
.login-out-drop-menu .wrap .l_bg .member_info{display:flex;width:60%;justify-content:space-between;align-items:center}
.login-out-drop-menu .wrap .l_bg img{width:66px;height:66px;border-radius:50%}
.login-out-drop-menu .wrap .l_bg .l_info{flex-grow:1;color:#fff;font-size:12px;line-height:1.5;padding-left:10px}
.login-out-drop-menu .wrap .l_bg a.btn{display:inline-block;padding:2px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.login-out-drop-menu .wrap .l_bg a.member{background:#f6c356;color:#fff;margin-left:10px}
.login-out-drop-menu .wrap .l_bg a.logout{background:#fff;color:#399eff}
.login-out-drop-menu .xshouw{display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;padding:12px}
.login-out-drop-menu .xshouw i{width:40px;height:40px;display:block;margin:0 auto;background:url("../image/kj-ioc.png") 0 0 no-repeat;transition:background .3s}
.login-out-drop-menu .xshouw .ico1{background-position:0 0}
.login-out-drop-menu .xshouw .ico2{background-position:-38px 0}
.login-out-drop-menu .xshouw .ico3{background-position:-81px 0}
.login-out-drop-menu .xshouw .ico4{background-position:-120px 0}
.login-out-drop-menu .xshouw a:hover span{color:#fdb61d}
.login-out-drop-menu .xshouw a:hover .ico1{background-position:-161px 0}
.login-out-drop-menu .xshouw a:hover .ico2{background-position:-200px 0}
.login-out-drop-menu .xshouw a:hover .ico3{background-position:-242px 0}
.login-out-drop-menu .xshouw a:hover .ico4{background-position:-280px 0}


.part-bt-title{width:340px;font-size:36px;font-weight:bold;color:#E3E5FF;text-align:center}
.part-bt-title h5{position:relative;top:-6px;color:#333;font-size:24px;line-height:30px;letter-spacing:2px;display:inline-flex;justify-content:center}
.part-bt-title .icon-l,.part-bt-title .icon-r{display:inline-block;height:30px;transform:scale(.8);background:url("https://res.178dk.com/images/bt_icon.png") no-repeat}
.part-bt-title .icon-l{width:45px;background-position:0 0}
.part-bt-title .icon-r{width:58px;background-position:-48px 0}
.cur-pos{padding:8px 0;border-bottom:1px solid #E5EBF2}
.pages a,.pages span{display:inline-block;padding:5px 12px;background:#fff;margin:0 5px;border:1px solid #eee;border-radius:4px}
.pages .cur{background:#129EFB;color:#fff;font-weight:bold}
.pages a:hover{background:#129EFB;color:#fff;font-weight:bold}

.footer{background:#353638}
.footer,.footer a{color:#C4C4C4}
.footer a:hover{color:#fff}
.footer .ftop{padding:30px;display:flex;justify-content:space-around;align-items:flex-start}
.footer .ftop dl{position:relative;width:21%;padding:0 2%}
.footer .ftop dl:after{display:block;content:"";width:1px;height:160px;background:#848485;position:absolute;right:0;top:0}
.footer .ftop dl:nth-child(1){width:260px}
.footer .ftop dl:nth-child(2){min-width:380px}
.footer .ftop dl:last-child{flex-shrink:2}
.footer .ftop dl:last-child:after{width:0}
.footer .ftop dt{font-size:18px;color:#fff}
.footer .logo img{width:260px}
@keyframes shake-qie{0%{transform:rotate(0)} 25%{transform:rotate(-25deg)} 75%{transform:rotate(25deg)} 100%{transform:rotate(0)}}
.footer .contact{display:flex;align-items:flex-start;justify-content:space-between}
.footer .go-link a{display:inline-block;width:30%;overflow:hidden;text-overflow:ellipsis;margin:0 3.33% 3.33% 0}
.footer .gzhcode img{max-width:132px}
.footer .fbtm{padding:30px 0;background:#2D2E30;line-height:200%}
.footer .authentication a{display:inline-block;margin-left:12px}
.footer .authentication .w148{width:148px;height:54px}
.footer .friend-link,.footer .friend-link a{color:#979292}
.footer .friend-link a:hover{color:#fff}
.footer-simple{padding:20px 0;background:#f8faff;color:#999a9d;border-top:1px solid #ecf0f6}
.footer-simple a{margin:0 8px;color:#999a9d}

/*返回顶部*/
.right-bar{width:60px;position:fixed;right:0;bottom:10%;z-index:8;background:#fff;box-shadow:0 5px 35px -3px rgba(50,50,50,.2);border-radius: 6px 0 0 6px}
.right-bar li{height:60px;overflow:hidden;border-top:1px dashed #e6e6e6}
.right-bar li a{text-align:center;display:block}
.right-bar li i,.right-bar li span{display:block;height:60px;line-height:1.3}
.right-bar li .online{position:absolute;right:-2px;top:-20px;width:80px;height:80px;background:#0085fe;border-radius:16px 0 0 16px;border:1px solid #fff;box-shadow:0 0 0 2px rgba(255,255,255,.8),0 3px 30px -3px rgba(0,133,254,.6)}
.right-bar li .online span{height:24px;color:#fff}
@keyframes kfmsg{0% {transform:scale(1,1)} 50%{transform:scale(0.75,0.75)} 100%{transform:scale(1,1)}}
.right-bar li .msg{width:40px;height:40px;margin:10px auto 4px auto;background:url("../image/rightbar.png") -10px -10px no-repeat;animation:kfmsg 2s linear infinite alternate}
.right-bar li .wx{background:url("../image/rightbar.png") 0 -60px no-repeat}
.right-bar li .fk{background:url("../image/rightbar.png") 0 -120px no-repeat}
.right-bar li .top{background:url("../image/rightbar.png") 0 -180px no-repeat}
.right-bar li .hide-menu{position:absolute;right:-260px;top:-22px;z-index:7;height:86px;width:260px;transition:.3s;text-align:center;background:#fff;box-shadow:0 5px 35px -3px rgba(50,50,50,.2);border-radius:6px;box-sizing:border-box}
.right-bar li .hide-menu2{position:absolute;right:-142px;top:64px;z-index:7;border:1px solid #e6e6e6;box-sizing:border-box;transition:.3s}
.right-bar li .move-top{position:relative;z-index:8;transition:.3s}
.right-bar li .move-top:hover{transform:translate3d(0,-48px,0)}
.right-bar .move-left:hover .hide-menu{transform:translate3d(-344px,0,0)}
.right-bar .move-left:hover .hide-menu2{transform:translate3d(-204px,0,0)}
.right-infoty{float: right;margin-right: 30px}
/*通用按钮*/
.public-btn-blue{height:45px;padding:0 20px;cursor:pointer;font-size:18px;font-weight:400;color:#fff;background:#399eff;background:linear-gradient(0deg,rgba(51,154,251,1) 0,rgba(53,174,253,1) 100%);border-radius:5px}
.public-btn-red{height:40px;padding:0 12px;cursor:pointer;text-align:center;color:#fff;line-height:40px;background:#f97373;border-radius:5px}
/* container */
.container {
	margin-left: auto;
    margin-right: auto;
    min-width: 1200px;
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
}
.pull-left,.pull-right{display:inline;}
.pull-left{float:left;}
.pull-right{float:right;}
/* navbar-customer */
.navbar-customer{ position: absolute; top: 17px; right: 20px; }
.navbar-customer .dropdown-menu{ right: 0; }
.navbar-customer .dropdown-menu img{ display: block; }

/* navbar-login */
.navbar-login{ position: relative; }
.navbar-login > li{ float: left; height: 53px; }
.navbar-login > li + li{ margin-left: 15px; }
.navbar-login > li.userstate1{ font-size: 0; }
.navbar-login > li > .btn + .btn{ margin-left: 10px; }
.navbar-login > li > .btn{ padding: 7px 20px; }
.navbar-login > li > .navbar-links:hover{ background-color: #f6f6f7; }
.navbar-login > li > .navbar-icon .iconfont{ font-size: 32px; } 
.navbar-login > li > .navbar-icon{ position: relative; z-index: 10; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; color: #ccc; }  
.navbar-login > li > .navbar-icon:hover{ color: #007dfe; }  

/* navbar-user */
.navbar-login > .navbar-user > .navbar-avatar{ position: relative; height: 36px; line-height: 32px; padding: 0 15px 0 40px; }  
.navbar-user > .navbar-avatar > .avatar .iconfont{ font-size: 28px; }
.navbar-user > .navbar-avatar > .avatar{ 
    position: absolute;
    top: 3px;
    left: 3px;
    display: block; 
    width: 28px; 
    height: 28px; 
    text-align: center;
    overflow: hidden;
    line-height: 30px;
    border-radius: 50%; 
    transition: .3s;  
    cursor: pointer;
    color: #007dfe;
    text-indent: -1.5px;
    border: 2px solid #fff;
    background-color: #fff;
}

/* navbar-account */
.navbar-account{ width: 280px; background: #fff; box-shadow: 10px 10px 10px rgba(0, 0, 0, .05) }    
.navbar-account-name{ text-align: center; padding: 15px 0 0 0; }
.navbar-account-nav{ padding: 13px 15px 15px 15px; }
.navbar-account-nav ul{ width: 100%; }
.navbar-account-nav ul li{ float: left; width: 50%; text-align: center; padding: 5px; }
.navbar-account-nav .iconfont{ font-size: 18px; margin-right: 5px; vertical-align: -2px; opacity: .5; filter: alpha(opacity=50); }
.navbar-account-nav .btn{ display:flex; justify-content: center; align-items: center; padding: 8px; box-sizing: border-box;}
.navbar-account-nav .btn:hover{ color: #fff; } 
.navbar-account-set{ padding: 15px 20px 18px 20px; color: #aaa; font-size: 13px; border-top: 1px dotted #eee;}
.navbar-account-set > a{ color: #999; }
.navbar-account-set > a:hover{ color: #007dfe}
/* dropdown-menu */
.dropdown-menu{
	position: absolute;
	top: 100%;
	z-index: 9;
	font-size: 14px;
	pointer-events: none;
	border: 1px solid\9;
	border-color: #ddd;
	border-color: rgba(255,255,255,0);
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 30px -3px rgba(50,50,50,.2);
	box-shadow: 0 5px 35px -3px rgba(50,50,50,.2);
	/* display: none; */
}
.open .dropdown-menu{ pointer-events: auto; display: block; }
.dropdown-arrow{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-style: dashed dashed solid;
    border-width: 0 7px 5px 7px;
    left: 12px;
}
.dropdown-arrow{top: -5px; border-color: transparent transparent #ffffff;}
.dropdown-arrow1{top: -6px; border-color: transparent transparent #ddd;}
.navbar-account-nav a{
    border-radius: 24px !important;
}
.btn-group {
    margin: -10px 0 0 -10px;
    position: relative;
    z-index: 2;
}
.wechat_btn{background: #1AAD19 !important;color: #fff !important;display: flex;}
.wechat_btn .wx_icon{width: 20px;}
/* col-xs-* */
.col-xs,.col-xs-06,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left; *display: inline; *zoom: 1;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%; *width:41%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%; *width: 24.99999%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}
.col-xs-06{width:5.33333333%;}
.col-xs-offset-12{margin-left:100%;}
.col-xs-offset-11{margin-left:91.66666667%;}
.col-xs-offset-10{margin-left:83.33333333%;}
.col-xs-offset-9{margin-left:75%;}
.col-xs-offset-8{margin-left:66.66666667%;}
.col-xs-offset-7{margin-left:58.33333333%;}
.col-xs-offset-6{margin-left:50%;}
.col-xs-offset-5{margin-left:41.66666667%;}
.col-xs-offset-4{margin-left:33.33333333%;}
.col-xs-offset-3{margin-left:25%;}
.col-xs-offset-2{margin-left:16.66666667%;}
.col-xs-offset-1{margin-left:8.33333333%;}
.col-xs-offset-0{margin-left:0;}

.news_banner{
    background: #002fa7;
    background: linear-gradient(to right,#002fa7 50%, #002fa7 50%);
}

.new_footer{
    background: #0f0f0f;
    padding: 20px;
}
.new_footer .flex_box,
.new_footer .flex_box .flex_left,
.new_footer .flex_box .flex_right{
    display: flex;
}
.new_footer .flex_box .flex_left{
    width: 60%;
}
.new_footer .flex_box .flex_right{
    width: 40%;
}
.new_footer .flex_box .flex_item{
    display: flex;
    flex-direction: column;
    width: 25%;
}
.new_footer .flex_box .flex_item h3{
    color: #d2d7db;
    font-weight: bold;
    margin-bottom: 10px;
}
.new_footer .flex_box .flex_item a{
    line-height: 30px;
    color: #848486;
}
.new_footer .flex_box .flex_item a:hover{
    text-decoration: underline;
    color:#848486
}
.new_footer .flex_box .flex_item .tel{
    color: #d2d7db;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}
.new_footer .flex_box .flex_item:last-child{
    border-right: 1px solid rgba(0, 0, 0, .2);
    color: #848486;
}
.new_footer .flex_box .flex_right .qrcode{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #848486;
}
.new_footer .flex_box .flex_right .qrcode img{
    width: 140px;
    height: 140px
}
.new_footer .footer_ft{
    width: 1200px;
    margin: 20px auto;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.new_footer .footer_ft .auth{
    display: flex;
}
.new_footer .footer_ft .auth .auth_item{
    padding: 10px;
    width: 16.6666667%;
}
.new_footer .footer_ft .auth .auth_item .auth_label{
    background: #fff;
    padding: 10px;
}
.new_footer .footer_ft .icp{
    display: flex;
    justify-content: center;
    font-weight: bold;
    margin-top: 15px;
    color: #848486;
}
.new_footer .footer_ft .icp a{
    color: #848486;
}
.new_footer .footer_ft .icp a:hover{
    text-decoration: underline;
}

.new_footer .footer_ft .copyright{
     padding-top: 10px;
     color: #848486;
/*     color: rgba(0, 0, 0, .6);*/
     text-align: center;
}
.new_footer a.kfqq{display:block;width:145px;height:40px;color:#fff !important;border-radius:6px;text-align:right;line-height:40px !important;font-weight:600;padding-right:15px;transition:.5s;margin:10px 0;
	background: linear-gradient(to right,#0abb07 0,#0de309 100%);
    background: -webkit-linear-gradient(left,#0abb07 0,#0de309 100%);
    background: -moz-linear-gradient(left,#0abb07 0,#0de309 100%);
    background: -o-linear-gradient(left,#0abb07 0,#0de309 100%);
    background: -ms-linear-gradient(left,#0abb07 0,#0de309 100%)
}
.new_footer a.kfqq:hover{transform:translateY(-2px)}
.new_footer a.kfqq i{display:block;width:26px;height:26px;position:absolute;left:15px;top:7px;background:url("../image/qie.png") 100% no-repeat;background-size:100%}
.new_footer a.kfqq:hover i{animation:shake-qie 0.3s linear}
.topbar_wechat{
    background: #0ddf09;
    border-radius: 8px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 35px !important;
    line-height: 27px !important;
    box-sizing: border-box;
}
.topbar_wechat img{
    width: 20px;
    height: 20px;
}
.footer_ft .footer_auth {
    text-align: center;
}
    .footer_ft .footer_auth a {
        display: inline-block;
        padding: 10px;
    }
        .footer_ft .footer_auth a img {
            width: 130px;
            height: 50px;
        }
        @media (min-width: 1900px) {
            .container{ max-width: 1800px; }
}
@media (min-width: 1900px) {    
	.container{ max-width: 1800px; }
	.footer-primary .footer-help{ width: 400px; }
	.footer-primary .footer-service{ margin: 0 400px; padding-left: 100px; }
	.notice{ max-width: 1400px; }	
	.recycle-former .btn-group-tall li{ width: 12.5%;}
	.recycle-former .btn-group-value li{width: 12.5%; }
	.recycle-former .btn-group-value-5 li{ width: 14.28571428571429%; }
	.cards-group > li{ width: 14.28571428571429%; }
}
@media (max-width: 1600px) {    
    .recycle-former .btn-group-value-4 li{ width: 25%; }
	.recycle-former .btn-group-value-5 li{ width: 20%; }
    .recycle-detail .recycle-former .btn-group-value-4 li{ width: 25%; }
    .recycle-detail .recycle-former .btn-group-value-5 li{ width: 20%; }
    .recycle-primary .recycle-former{ padding-right: 60px; }    
    .view-framework-body .recycle-former .btn-group-tall li,
    .view-framework-body .recycle-former .btn-group-value li{ width: 16.66666666666667%; }
    .view-framework-body .recycle-former .btn-group-value-5 li{ width: 20%; }
    .view-framework-body .recycle-former .btn-group-units li{ width: 20%; }
}
@media (max-width: 1480px) {
    .view-framework-body .recycle-usable-cardbtns{ max-width: 600px; margin: 20px auto; }
    .view-framework-body .btn-card{ font-size: 16px; }
	.recycle-former .btn-group-tall li{ width: 16.66666666666667%; }
	.recycle-former .btn-group-value li{ width: 16.66666666666667%; }
	.recycle-former .btn-group-value-5 li { width: 20%; }
}
@media (max-width: 1440px) {
    .btn-card{ font-size: 17px; height: 64px; line-height: 60px; padding-right: 5px; }
    .btn-card > .iconfont{ font-size: 28px; margin-right: 5px; line-height: 34px; }
    .btn-card > span > em{ display: none; }    
    .recycle-closed-maintain .inner{ padding-right: 50px; }
    .view-framework-body .recycle-former .btn-group-tall li,
    .view-framework-body .recycle-former .btn-group-value li{ width: 20%; }
    .view-framework-body .recycle-former .btn-group-value-5 li{ width: 25%; }
    .view-framework-body .recycle-former .btn-group-units li{ width: 25%; }
    .view-framework-body .btn-card{ font-size: 16px; height: 60px; line-height: 56px; }
    .view-framework-body .btn-card > .iconfont{ font-size: 26px; line-height: 32px; margin-right: 3px; }
    .view-framework-body .btn-card > span > em{ display: none; }    
}