@charset "utf-8";
@import "reset.css";
@import "font/iconfont.css";

.wp90{width:87.5%;min-width:1280px;max-width:1728px}
/*.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:206px;height:40px}
.header h1,.header h2{font-size:0}
.part-index-bt-title{padding:40px 0 15px 0;text-align:center;background:url("../images/title_bg.png") center bottom no-repeat}
.part-index-bt-title h2,.part-index-bt-title h3{color:#333;font-size:26px;line-height:30px;letter-spacing:2px}

.navbar{flex-grow:1;height:62px}
.navbar ul{display:flex;align-items:center;flex-wrap:nowrap;padding:0 6%;justify-content: space-around;width:100%;max-width:100%;}
.navbar li{padding:0 2%}
.navbar li>a{font-size:16px;line-height:62px;white-space:nowrap;transition:color .3s}
@media(max-width:1600px){.navbar li{padding:0 2.5%}}
@media(max-width:1480px){.navbar li{padding:0 3%}}
.navbar li i{color:#333;font-size:18px;margin-right:3px;vertical-align:-1px;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:160px;height:82px;background:url("../images/sixcate.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:-180px 0}
.navbar li .card-drop-menu .img3{background-position:-362px 0}
.navbar li .card-drop-menu .img4{background-position:0 -92px}
.navbar li .card-drop-menu .img5{background-position:-180px -92px}
.navbar li .card-drop-menu .img6 {background-position:-362px -92px}
.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:80px;text-align:center;margin-right:16px;border:1px solid #d5d5d5;color:#399eff;border-radius:18px;-webkit-border-radius:8px;height:38px;line-height:38px}
.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:383px;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;background:url("../images/sprite_icon.png") no-repeat}
.oper .contact-drop-menu .list .c0{background:url("../images/help_c0.png") 0 0 no-repeat}
.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("../images/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 h2{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("../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}
.cur-pos a:hover{color:#399eff}
.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}

.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;padding:0 3%}
.footer .ftop dl:nth-child(1){width:226px;flex-shrink:0}
.footer .ftop dl:nth-child(1) dt{margin-top:35px}
.footer .ftop dl:nth-child(2){width:252px;flex-shrink:0}
.footer .ftop dl:nth-child(3){width:98px;flex-shrink:0}
.footer .ftop dl:nth-child(4){width:140px;flex-shrink:0}
.footer .ftop dl:nth-child(5){flex-grow:1;flex-shrink:2}
.footer .ftop dl:after{display:block;content:"";width:1px;height:120px;background:#848485;position:absolute;right:0;top:50px;transform:scaleX(.5)}
.footer .ftop dl:last-child:after{width:0}
.footer .ftop dt{font-size:18px;color:#fff;text-align:center}
.footer .logo dd{white-space:nowrap}
.footer .logo .logo-white{width:220px}
.footer .logo .logo-eight{width:148px}

@keyframes shake-qie{0%{transform:rotate(0)} 25%{transform:rotate(-25deg)} 75%{transform:rotate(25deg)} 100%{transform:rotate(0)}}
.footer a.kfqq{display:block;width:130px;height:40px;color:#fff;border-radius:6px;text-align:right;line-height:40px;font-weight:600;padding-right:15px;transition:.5s;
	background: linear-gradient(to right,#488cff 0,#66b1ff 100%);
    background: -webkit-linear-gradient(left,#488cff 0,#66b1ff 100%);
    background: -moz-linear-gradient(left,#488cff 0,#66b1ff 100%);
    background: -o-linear-gradient(left,#488cff 0,#66b1ff 100%);
    background: -ms-linear-gradient(left,#488cff 0,#66b1ff 100%)
}
.footer a.kfqq:hover{transform:translateY(-2px)}
.footer a.kfqq i{display:block;width:26px;height:26px;position:absolute;left:15px;top:7px;background:url("../images/qie.png") 100% no-repeat;background-size:100%}
.footer a.kfqq:hover i{animation:shake-qie 0.3s linear}
.footer .contact .white{color:#fff}
.footer .our-link a{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;margin-bottom:6px;text-align:center}
.footer .go-link a{display:inline-block;width:40%;overflow:hidden;white-space:nowrap;margin-bottom:6px;text-align:center}
.footer .go-link a:nth-child(even){margin-left:10%}
.footer .go-link a:nth-child(odd){margin-right:10%}
.footer .about{line-height:1.75}

.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(1.15)} 100%{transform:scale(1,1)}}
.right-bar li .msg{width:60px;margin:10px auto;background:url("../images/rightbar.png") 0 0 no-repeat;animation:kfmsg 2s linear infinite alternate}
.right-bar li .msg:hover{background-position:0 -60px}
.right-bar li .tel{background:url("../images/rightbar.png") 0 -120px no-repeat}
.right-bar li .wx{background:url("../images/rightbar.png") 0 -180px no-repeat}
.right-bar li .fk{background:url("../images/rightbar.png") 0 -240px no-repeat}
.right-bar li .top{background:url("../images/rightbar.png") 0 -300px no-repeat}
.right-bar li .hide-menu{position:absolute;right:-275px;top:-18px;z-index:7;height:78px;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:-275px;top:64px;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-menu3{position:absolute;right:-340px;top:64px;z-index:7;display:flex;background:#EFF8FF;padding:8px;box-sizing:border-box;border-radius:6px;box-shadow:0 0 6px 1px rgba(0,0,0,.15);transition:.3s}
.right-bar li .hide-menu3 img{border-radius:10px}
.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(-364px,0,0)}
.right-bar .move-left:hover .hide-menu2{transform:translate3d(-344px,0,0)}
.right-bar .move-left:hover .hide-menu3{transform:translate3d(-408px,0,0)}

/*通用按钮*/
.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}