.pcTips{width:150px;height:40px;border-radius: 10px;background: rgba(0,0,0,.6);position:fixed;font-size:14px;display: flex;align-items: center;justify-content: center;color:#fff;z-index:999999;}
*{word-break:break-all;font-family:'microsoft yahei',arial,sans-serif;-webkit-text-size-adjust:none;box-sizing: border-box;margin:0;padding:0;}
body{margin:0;padding:0;font-size:12px;color:#333333;background:#fff;}
form,input,select,textarea,td,th{font-size:12px;outline:none;}
img{border:none;}
li img{border:none;vertical-align:middle;}
ul li ,li{list-style-type:none;}
ol li{list-style-type:decimal;}
p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,textarea,blockquote{margin:0px;padding:0px;}
s,i,em{font-style: normal;font-weight: normal;}
a:link,a:visited,a:active,ins{color:#333333;text-decoration:none;transition: all .15s;}
a:hover{color: #0075ff; text-decoration:none}
center a{font-size:14px}
.fl{ float: left;}
.fr{ float: right;}
/* links */
.clear{ clear:both;}
.clearfix::after{ content:""; clear:both;  display:block; }
.tjl_container{ width:1200px; margin:0 auto;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
  font-size: 12px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
  font-size: 12px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
  font-size: 12px;
}
.h70{ width: 100%; height: 68px; clear: both;overflow: hidden;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9;}
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555; }

/* menu */
#menu{background-color:#fff;border-bottom:1px solid #ddd;padding:0; height:68px; position: fixed; width: 100%; top: 0; z-index: 1000;}
.navbar {height:68px;border:1px solid transparent;}
.navbar-fixed-top {position:fixed;top:0;left:0;width:100%;z-index:1030;}
.navbar-brand {float:left;display:inline-block; width:200px;font-size:18px;padding:11px 15px 0 0; color: #0075ff;}
.navbar-brand img{ vertical-align: middle}
.navbar-nav li {float:left;position:relative;display:block; line-height: 68px;}
.navbar-nav li a{ font-size: 14px; margin-right: 50px;}
.navbar-nav li a.active_on{ color: #0075ff}
.m_container{ width:1200px; height:60px; margin:0 auto; padding:0;}

/*搜索框*/
.navbar .searchnav {position: relative;width:320px;height:43px;background:rgba(255,255,255,1);border:1px solid #0075ff;border-radius:6px;float: left; margin:11px 0 0}
.navbar .searchnav input {float:left;width:220px;height:100%;background:none;border:none;position:absolute;top:0px;left:100px;font-size:14px;color:#555;}
.navbar .searchnav .navlist {width:85px;height:100%; position: relative;}
.navbar .searchnav .navlist > a {display:block;width:100%;height:100%;overflow:hidden;}
.navbar .searchnav .navlist p {height:100%;padding-left:10px;color:#333;font-size:14px;position:relative;line-height:42px;}
.navbar .searchnav .navlist p::after {position:absolute;display:block;content:'';width: 0;height: 0; border-top: 4px solid black;
  border-right: 4px solid transparent; border-left: 4px solid transparent;right:5px;top:18px;}  
.navbar .searchnav .navlist::after{content:'';width:1px;height:15px; background: #999; position: absolute; right:-7px; top: 13px;}
.navbar .searchnav .navlist ul {display:none;width:90px;background:#ffffff;border-radius:0 0 5px 5px;border-top:1px solid #e5e5e5;box-shadow: 0 5px 5px rgba(153,153,153,.5);position: relative; z-index: 11;}
.navbar .searchnav .navlist li a {display:block;width:100%;height:40px;line-height:40px;color:#333;text-indent:20px;}
.navbar .searchnav .navlist li a:hover {color:#0075ff;}
.navbar .searchnav .searchbtn {width:60px;height:100%;position:absolute;cursor:pointer;top:0px;right:-1px;display:block;z-index:999;background:#0075ff url(../images/index/search_icon.png) no-repeat center/20px auto;border-radius:0 6px 6px 0;}
.navbar .searchnav .searchbtn:hover{opacity: 0.8;}
/* 登录 */
.nav_login .vip_icon{ display: inline-block; width: 43px; height: 49px; float:left; margin-top: 10px; margin-right:30px; color: #ef8e07}
.nav_login .cy-click {font-size:12px;color:#0075ff;display:inline-block;width:80px;text-align:center;height:27px;line-height:25px;margin-top:18px;border-radius:15px;border:1px solid #0075ff;}
.nav_login .cy-click:hover{ background:#0075ff; color: #fff }


/*个人中心下拉菜单*/
.select_d {position:relative;vertical-align:middle;text-align:center;}
.select_d .member_menu {position:absolute;background:#fff;box-shadow:0 3px 10px rgba(18,21,21,.5);border:0;border-radius:0;top:45px;left:20px;z-index:777;border-radius:5px;display:none;}
.select_d .member_menu .member_menu_t::after {position:absolute;top:-12px;left:47px;content:'';display:inline-block;border:6px solid #fff;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;}
.select_d .member_menu a {display:block;font-size:14px;padding:0px 25px;background:#fff;color:#666;margin:10px 0;}
.select_d .member_menu a:hover {color:#00BFFF;}
.select_d:hover .member_menu{ display:block;min-width:106px;}

.mob_tit{ text-align:center; width:100%; min-width:1200px;}
.mob_tit h1{ color:#00BFFF; font-size:25px; display:inline-block; padding-bottom:15px; margin-top:35px; border-bottom:3px solid #00BFFF;}
.mob_tit .mob_des{ color:#666; margin-top:10px;}

/*footer*/
.footer{background: #262626;font-size: 12px; padding:80px 0;min-width:1200px; margin-top: 35px;}
.footer img{ width: 142px; height: 48px;}
.footer .server_list{ display: flex; padding-bottom: 40px; border-bottom: 1px solid #888}
.footer .server_list li{ flex: 1; text-align: center; position: relative;}
.footer .server_list li::after{content:'';width:1px;height:12px; background: #888; position: absolute; right:0px; top: 5px;}
.footer .server_list li:nth-child(3)::after{ background: #262626}
.footer .server_list li:nth-child(4)::after{ background: #262626}
.footer .server_list li:nth-child(7)::after{ background: #262626}
.footer .server_list a.footBtn{ color: #888; font-size: 12px; }
.footer .server_list a.footBtn::before{content:''; display: inline-block; width: 26px; height: 26px; background: url(../images/index/ft1.png) 0 0/26px no-repeat;vertical-align: middle; margin-right: 5px;}
.footer .server_list a.footBtn.ft2::before{background: url(../images/index/ft2.png) 0 0/24px no-repeat;}
.footer .server_list a.footBtn.ft3::before{background: url(../images/index/ft3.png) 0 0/24px no-repeat;}
.footer .server_list a.footBtn.ft4::before{background: url(../images/index/ft4.png) 0 0/22px no-repeat;}
.footer .server_list a.footBtn.ft5::before{background: url(../images/index/ft5.png) 0 0/24px no-repeat;}
.footer .server_list a.footBtn.ft6::before{background: url(../images/index/ft6.png) 0 0/22px no-repeat;}
.footer .ft_logo a{ display: inline-block; margin-top: -15px;}
.footer .ft_copyright{ text-align: center; color: #888; padding-top: 50px; line-height: 30px;}
.footer .ft_copyright a{ color: #888}
.footer a:hover,.footer .server_list a.footBtn:hover{color: #fff}

/*提示语*/
#sendText {width:70%;max-width:600px; color: #fff; font-size: 14px;line-height:1.4; text-align: center;z-index: 999999;position: fixed;top:50%; right:0; left:0; margin:-24px auto 0; display:none; box-sizing:border-box;}
#sendText .msgtext{background-color:rgba(0,0,0,.7);border-radius: 5px;padding:12px 10px; display:inline-block; margin:0 auto;}

/* 悬浮气球 */
#invit-desig {
  position: fixed;
  width: 238px;
  height: 672px;
  top: 50%;
  right:60px;
  transform: translateY(-50%);
  animation: ghostUpdown 1s infinite alternate;
  -webkit-animation: ghostUpdown 1s infinite alternate;
  -moz-animation: ghostUpdown 4s ease-in-out 0s infinite;
  z-index: 999;
  text-align: center;
}
#invit-desig .hotclose{ width: 40px; height: 40px; position: absolute; right: 0px; top:5px; background: url(../images/index/hot_close.png) no-repeat right top; cursor: pointer; background-size:30px}
#invit-desig .ball_md{ position: absolute; top: 252px; width: 100%; text-align: center}
#invit-desig .ball_md .hot1{color: #fff; font-size: 16px;}
#invit-desig .ball_md .hot2{ font-size:32px; color: #f4ff00; font-family: sans-serif; display:block;padding: 8px 0 0;text-shadow:#fe3c47 2px 1px 0}
#invit-desig .ball_md .hot2 span{font-weight: bold;}
#invit-desig .ball_bottom{ position: absolute; top:420px;width: 100%; }
#invit-desig .ball_bottom a{ display: block; font-size: 26px; text-align: center; color: #fff}
#invit-desig .ball_bottom a.yellow{color: #f4ff00;}
#invit-desig .ball_bottom a:hover{color: #f4ff00;transform: translateX(6px);
  -webkit-transform: translateX(6px);
  -moz-transform: translateX(6px);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;}
#invit-desig .ball_bottom img{ margin-left: 10px; vertical-align: middle}
#invit-desig .ball_bottom .hot4{ margin-top: 25px}
#invit-desig .ball_bottom .hot5{ margin-top: 27px}
#invit-desig .backtop { position: absolute; bottom:32px;width: 100%;}
#invit-desig .backtop .hot6{ display: block; font-size: 26px; text-align: center; color: #fff}
#invit-desig .backtop .hot6 img{margin-right: 5px; vertical-align: -4px}
#invit-desig .backtop a:hover{color: #f4ff00;}
#invit-desig .backtop a:hover{color: #f4ff00;transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;}
@keyframes ghostUpdown {
  0% {
      margin-top: 0px;
  }

  100% {
      margin-top: -20px;
  }
}

/* 登录 */
.login_ck{display: none;}
.login_ck .layui-layer,.layui-layer-shade {position:fixed;_position:absolute;pointer-events:auto;}
.login_ck .layui-layer-shade {top:0;left:0;width:100%;height:100%;z-index:99999997;background-color:rgba(0,0,0,0.6);}
.login_ck .layui-layer {position:fixed;top:50%;left:50%;width:600px;height:530px;border-radius:10px;border:6px solid rgba(221,221,221,.2);box-shadow:none;z-index:99999998;transform:translate(-50%,-50%)}
.login_ck .layui-layer .layui-layer-rim {background-color:#fff;width:100%;height:100%;border-radius:10px;}
.login_ck .layui-layer .layui-close {position:absolute;right:5px;top:0px;font-size:35px;transform:rotate(45deg);}
.login_ck .layui-layer .layui-close a {color:#999;}
.login_ck .layui-layer .layui-close a:hover {color:#0075ff}
.login_ck .wx_pay_cont .wxp-title {text-align:center;font-size:22px;padding:25px 0 0}
.login_ck .wx_pay_cont .wxp-title p {font-size:16px;color:#888}
.login_ck .wx_pay_cont .wxlogin {padding:35px 35px 0;border:1px solid #e6e6e6;margin:15px auto;position:relative;width:272px;height:292px;}
.login_ck .wx_pay_cont .wxlogin img {display:inline-block;width:200px;height:200px;}
.login_ck .wx_pay_cont .wxlogin p {height:55px;line-height:55px;background:url(../images/index/lg3.png) no-repeat 10px center/35px;text-align:center;text-indent:35px;color:#000;font-size:14px;}
.login_ck .wx_pay_cont .wxlogin .timeout {width:200px;height:200px;line-height:210px;position:absolute;left:35px;top:35px;background:rgba(0,0,0,0.5);color:#fff;text-align:center;font-style:normal;cursor:pointer;}
.login_ck .wx_pay_cont .none {display:none}
.login_ck .login_tip {text-align:center;font-size:16px;color:#888;margin:30px 0 0}
.login_ck .login_tip::before {content:'';display:inline-block;width:20px;height:20px;background:url(../images/index/lg2.png) no-repeat left center/20px;vertical-align:top;margin-right:10px;}
.login_ck .login_people {text-align:center;font-size:16px;margin:10px 0 0;color:#888;}
.login_ck .login_people span {color:#fe993f}
/* 已登录 */
.online {position:relative;text-align:center; display:inline-block;vertical-align: top;display: none;}
.online .user img{ width: 50px; height: 50px; vertical-align: middle;border:1px solid #eee; border-radius: 50%; margin: 8px 10px 0 9px;}
.online .member_menu {position:absolute;background:#fff;box-shadow:0 3px 10px rgba(18,21,21,.5);border:0;border-radius:0;top:60px;right:0px;z-index:777;border-radius:5px;display:none;min-width:106px;}
.online .member_menu .member_menu_t::after {position:absolute;top:-12px;right:27px;content:'';display:inline-block;border:6px solid #fff;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;}
.online .member_menu a {display:block;font-size:14px;padding:0px 25px;background:#fff;color:#666;margin:10px 0; line-height:24px;}
.online .member_menu a:hover {color:#0075ff;}
.online:hover .member_menu{ display:block;min-width:106px;}
/* 登录加载动画 */
#login_qrcode{ width: 200px;height: 200px; display: flex; justify-content: center; align-items: center;}
#login_qrcode canvas{width:200px;height:200px;}
#loading3 {position:relative;width:50px;height:50px;}
.demo3 {width:4px;height:4px;border-radius:2px;background:#333;position:absolute;animation:demo3 linear 0.8s infinite;-webkit-animation:demo3 linear 0.8s infinite;}
.demo3:nth-child(1) {left:24px;top:2px;animation-delay:0s;}
.demo3:nth-child(2) {left:40px;top:8px;animation-delay:0.1s;}
.demo3:nth-child(3) {left:47px;top:24px;animation-delay:0.1s;}
.demo3:nth-child(4) {left:40px;top:40px;animation-delay:0.2s;}
.demo3:nth-child(5) {left:24px;top:47px;animation-delay:0.4s;}
.demo3:nth-child(6) {left:8px;top:40px;animation-delay:0.5s;}
.demo3:nth-child(7) {left:2px;top:24px;animation-delay:0.6s;}
.demo3:nth-child(8) {left:8px;top:8px;animation-delay:0.7s;}
@keyframes demo3 {0%,40%,100% {transform:scale(1);}
20% {transform:scale(3);}
}
@-webkit-keyframes demo3 {0%,40%,100% {transform:scale(1);}
20% {transform:scale(3);}
}

/* 分页 */
.tjl-pages{ height:80px;line-height:80px;}
.total {margin-left:10px;font-size:14px;color:#888;float:left}
.page {float:right;margin-right:10px;}
.page a {display:inline-block;color:#666;height:30px;line-height:30px;padding:0 10px;border:1px solid #ddd;margin:0 5px;border-radius:4px;vertical-align:middle; font-size:14px;}
.page a:hover {border:1px solid #0075ff;color:#0075ff;}
.page a.prevPage,.page a.nextPage {color:#999;}
.page .current {display:inline-block;height:30px;line-height:30px;padding:0 10px;margin:0 2px;color:#fff;background-color:#0075ff;border:1px solid #0075ff;border-radius:4px;vertical-align:middle;}
.page a:hover.current{color:#fff;}
.page .disabled {display:inline-block;height:30px;line-height:30px;padding:0 10px;margin:0 2px;color:#bfbfbf;background:#f2f2f2;border:1px solid #bfbfbf;border-radius:4px;vertical-align:middle;}


/*购买弹窗*/
.buy_jianli_content {position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.5); display:none}
.buy_jianli_content .tc_content {width:500px;height:auto;background: #fff;border-radius:10px;z-index:99999; position:fixed; top:50%; left: 50%; transform: translateX(-50%); margin-top: -300px; }
.buy_jianli_content .bor_ye {padding:0 50px 40px;}
.buy_jianli_content .buy_head {text-align:center;}
.buy_jianli_content .top_thumb img {width:100px; height:100px; border-radius: 50%; margin-top: 15px; border:1px solid #ddd}
.buy_jianli_content .buy_title {font-size:18px; font-weight:bold;margin-top:28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.buy_jianli_content .paySure_btn {background: #0075ff;margin:35px auto 0;color:#fff;width:330px;height:60px;font-size:18px;display:block;text-align:center;text-decoration:none;cursor: pointer; line-height: 60px; border-radius: 5px;}
.buy_jianli_content .paySure_btn.on{ background: #ff9100;}
.buy_jianli_content .paySure_btn:hover {opacity:0.8}
.buy_jianli_content .close_btn {width:50px;height:45px;position:absolute;top:-45px;right:-40px;text-align:center; cursor: pointer;}
.buy_jianli_content .close_btn img {width:40px;}
.pay_select ul {padding-top:10px;}
.pay_select ul li {display:flex;border-bottom:1px solid #ddd;padding:20px 0; cursor: pointer;}
.pay_select ul li:last-child{ border-bottom: none}
.pay_select li .s_left {width:40px;}
.pay_select li .cate_one{ color:#333; font-size:18px}
.pay_select li .cate_one.light{ color:#d6342a}
.pay_select li .s_left i {display:block;height:35px;width:25px;background:url(../images/index/select.png) left 5px no-repeat;-webkit-background-size:100% 100%;background-size:100%;}
.pay_select li.active .s_left i {background:url(../images/index/select_on_3.png) left 5px no-repeat;-webkit-background-size:100% 100%;background-size:100%;}
.pay_select li .s_right {flex:1}
.pay_select li .s_right .s_price .y {color:#adadad;font-size:14px;text-decoration:line-through}
.pay_select li .s_right .s_price .g {font-size:14px;color:#d6342a;margin:0 5px;font-weight:bold}
.pay_select li .s_right .s_price .x {color:#d6342a;font-size:24px;font-weight:bold}
.pay_select li .s_right .s_des {color:#646464;font-size:14px;margin-top:5px;}

/* 微信支付码 */
.wxpay_ewm{display: none;}
.wxpay_ewm .g_map {top:0;left:0;width:100%;height:100%; position: fixed;background-color:rgba(0,0,0,0);z-index:99999;}
.wxpay_ewm .wx_ewm_cont{background-color: #fff;width:260px; height:300px;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:10px;border:6px solid rgba(0,0,0,.4);box-shadow:none;z-index:99999;}
.wx_ewm_cont{ text-align:center}
.wx_ewm_cont h5{ text-align:center; font-size:16px; line-height:65px; font-weight:bold; }
.wx_ewm_cont h5 img{ vertical-align:middle; margin-right:10px;}
.wx_ewm_cont .close_pay{ font-size:35px; color:#999; width:30px; height:30px; position:absolute; right:0px; top:0px;transform: rotate(45deg); cursor:pointer}
.wx_ewm_cont .close_pay:hover{ color:#0075ff}
.wx_ewm_cont .pay_ewm_img img{ width:175px; height:175px;border:1px solid #eee; padding:2px;border-radius:5px;}
.wx_ewm_cont .my_txt{ font-size:14px; color:#888; margin-top:5px;}

/* 在线简历预览 */
.online_view{position: fixed; background:rgba(0,0,0,.8);top: 0;left: 0;width: 100%;height: 100%;z-index:99999990;overflow: auto;
  padding: 60px 0; display: none;}
.online_view .online_view_c{ background: #fff; width: 1200px; padding: 30px;margin: 0 auto;    border-radius: 6px;
  box-shadow: 0 0 5px #333;overflow:hidden}
.online_view .on_closed{position: fixed; top: 0; right: 0; cursor: pointer; width: 60px; height: 60px; line-height: 60px; font-size: 46px; color: #eee; overflow: hidden;z-index: 9;}
.online_view .on_iframe{width:815px;min-height:1150px; overflow: scroll; float:left;border: 1px solid #ddd;}
.online_view .wordss{width: 286px;}
.online_view .wordss .title{padding-left: 20px;}
.online_view .wordss .title h2{display: block; font-size: 20px; color: #515151;  line-height: 30px; font-weight:normal}
.online_view .wordss .title i{display: block; font-size:16px; color: #555555; line-height: 22px; padding: 15px 0;}
.online_view .wordss .tips{border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;padding: 15px 0 15px 5px; overflow: hidden;}
.online_view .wordss .tips i{display: block;float: left; padding-left: 33px; width: 128px; margin-left: 12px; height: 30px; line-height: 30px;}
.online_view .wordss .tips i.sy{background: url(../images/index/resume_common.png) no-repeat left center;background-size: 20px auto; font-size:14px;}
.online_view .wordss dl{padding-top:16px; font-size: 13px; padding-left: 20px; color:#515151;}
.online_view .wordss dl dt{ background: url(../images/index/gjico.png) no-repeat left center; height: 30px; line-height: 30px; padding-left: 32px;}
.online_view .wordss dl dd{ background:url(../images/index/dianbg.png) no-repeat left center; padding-left: 12px; margin-left: 33px; line-height: 24px;}
.online_view .wordss .btn{padding-top: 30px;}
.online_view .wordss .btn a{display:block;width: 276px; text-align: center; height: 55px; line-height: 55px; border-radius: 28px; background: #00c4cc; margin: 0 auto; background: linear-gradient(90deg,#00c4cc,#7d2ae8);font-size: 18px; color: #fff;}
.online_view .wordss .btn a:hover{ opacity:0.8}

/* 加载中 */
.loading-anim {position:fixed;left:50%; top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;perspective:800px;transform-style:preserve-3d;transform:translateZ(-100px) rotateY(-90deg) rotateX(90deg) rotateZ(90deg) scale(0.5);opacity:0;transition:all .2s ease-out;}
.loading-anim .circle {width:100%;height:100%;animation:spin 5s linear infinite;}
.loading-anim .border {position:absolute;border-radius:50%;border:3px solid #0075ff;}
.loading-anim .out {top:15%;left:15%;width:70%;height:70%;border-left-color:transparent;border-right-color:transparent;animation:spin 2s linear reverse infinite;}
.loading-anim .in {top:18%;left:18%;width:64%;height:64%;border-top-color:transparent;border-bottom-color:transparent;animation:spin 2s linear infinite;}
.loading-anim .mid {top:40%;left:40%;width:20%;height:20%;border-left-color:transparent;border-right-color:transparent;animation:spin 1s linear infinite;}
.loading-anim {transform:translateZ(0) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);opacity:1;}
.loading-anim .dot {position:absolute;display:block;width:20px;height:20px;border-radius:50%;background-color:#0075ff;animation:jitter 5s ease-in-out infinite,fade-in-out 5s linear infinite;}
.loading-anim .dot:nth-child(1) {top:90px;left:180px;animation-delay:0s;}
.loading-anim .dot:nth-child(2) {top:135px;left:168px;animation-delay:0.41667s;}
.loading-anim .dot:nth-child(3) {top:168px;left:135px;animation-delay:0.83333s;}
.loading-anim .dot:nth-child(4) {top:180px;left:90px;animation-delay:1.25s;}
.loading-anim .dot:nth-child(5) {top:168px;left:45px;animation-delay:1.66667s;}
.loading-anim .dot:nth-child(6) {top:135px;left:12px;animation-delay:2.08333s;}
.loading-anim .dot:nth-child(7) {top:90px;left:0px;animation-delay:2.5s;}
.loading-anim .dot:nth-child(8) {top:45px;left:12px;animation-delay:2.91667s;}
.loading-anim .dot:nth-child(9) {top:12px;left:45px;animation-delay:3.33333s;}
.loading-anim .dot:nth-child(10) {top:0px;left:90px;animation-delay:3.75s;}
.loading-anim .dot:nth-child(11) {top:12px;left:135px;animation-delay:4.16667s;}
.loading-anim .dot:nth-child(12) {top:45px;left:168px;animation-delay:4.58333s;}
@keyframes spin {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
@keyframes jitter {0% {transform:scale(1,1);}
25% {transform:scale(0.7,0.7);}
50% {transform:scale(1,1);}
75% {transform:scale(1.3,1.3);}
100% {transform:scale(1,1);}
}
@keyframes fade-in-out {0% {opacity:0.8;}
25% {opacity:0.2;}
75% {opacity:1;}
100% {opacity:0.8;}
}

.news_tab{height:50px;width:1200px;border-bottom:1px solid #eee;margin:0 auto;}
.news_tab a{height:50px;line-height:50px;border-bottom:3px solid transparent;display: inline-block;margin-right: 20px;font-size:16px;color:#333;}
.news_tab a.on{border-color: #2088ff;font-weight: bold;}

.paginate{display: flex;align-items: center;justify-content: center;margin-top:20px;}
.pagination>li>a, .pagination>li>span{position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.paginate li{display:inline-block;margin-bottom:10px;}
.paginate .active span{background-color: #2088ff;color:#fff;}
.bread{margin:10px auto 15px;}
.bread span{color:#aaa;font-size:15px;margin:0 10px;}
.bread a{color:#aaa;font-size:15px;}
.null_tips{text-align: center;color:#333;font-size:16px;padding:15px 0;}

.sendMailBox,.freeUpgrade{position:fixed;background-color: rgba(0,0,0,0.3);width:100%;height:100%;left:0;top:0;display: flex;z-index:100;align-items:center;justify-content:center;}
.sendMailBox .inner,.freeUpgrade .inner{width:20% !important;background:#fff;text-align:center;padding:10px !important;border-radius:10px;}
.sendMailBox .inner input,.freeUpgrade input{border:1px solid #eee;width:90% !important;padding:5px 5%;font-size:16px;height:50px;line-height:50px;color:#333;outline:none;border-radius:8px;margin-bottom:20px;}
.sendMailBox .inner span,.sendMailBox .inner button,.freeUpgrade span,.freeUpgrade button{border:none;display:inline-block;background:#2088ff;color:#fff;font-size:16px;height:40px;line-height:40px;width:30%;text-align:center;border-radius:8px;}
.freeUpgrade .inner{width:30% !important;}
.freeUpgrade .inner img{display:block;margin:10px auto;max-width:90%;height:auto;}
.freeUpgrade .inner p{line-height:1.9;text-align:center;font-size:16px;}

.loading{position:fixed;height:100%;width:100%;top:0;left:0;z-index:999;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;flex-wrap:wrap;align-content: flex-start;}
.loading div{width:100%;text-align:center;margin:20vh auto 20px;}
.loading div img{width:80px;height:80px;}
.loading p{font-size:16px;color:white;width:100%;text-align:center;}