.header{height: 48px;
    background: rgba(0, 0, 0, 0.65);
    -webkit-backdrop-filter: blur(25px);
    -moz-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11;
}
.header .logo{left:0;top:0;z-index:5}
.header .nav{float:left;padding:0 0 0 200px;/*padding:0 30px 0 120px;*/position: relative;}
/*.header .nav ul{display:flex;justify-content: space-between;}*/
.header .nav li{float: left;line-height: 48px;}

.header .nav li a{color: rgba(255, 255, 255, 0.75);display: block;margin: 0 20px;}
.header .nav li.active .first_nav:after{
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    left: 50%;
    bottom: 2px;
    margin-left: -12px;
}
.header .nav.active ul{opacity: 0;}
.search_list{position: absolute;top: 0;left: 26%;right:0;height: 48px;display: none;}
.header .nav.active .search_list{display: block;}
.search_list .search_img{width: 17px;height: 17px;margin-top: 16px;}
.search_list .search_img img{width: 100%}
.search_list .search_input{left: 24px;top: 0;right: 0}
.search_list .search_input input{width: calc(100% - 30px);height: 48px;border: none;background: transparent;line-height: 48px;padding:0 5px;color: #fff;}
.header .search{float:left;margin-left:20px;cursor: pointer;}
.header .search .img_close{display: none;}
.header .search.active .img_search{display: none;width: 18px;margin-top: 16px}
.header .search.active .img_close{display: block;width: 18px;margin-top: 16px}
.search_list .search_con{position: relative;}
.search_list .list_se{background: #FFFFFF;border-radius: 16px;position: absolute;top: 52px;left: 0;width: 80%;padding: 20px 8px;display: none;}
.search_list .list_se .tit{font-size: 12px;color: #888888;margin-bottom: 4px;margin-left: 12px}
.search_list .list_se ul{flex-direction: column;}
.header .nav  .search_list ul{opacity: 1;}
.header .nav  .search_list li{float: none;padding:14px 12px;}
.header .nav  .search_list li:hover{background: #F7F8FA;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
.header .nav  .search_list .list_se a{color: #121212;line-height: 20px;margin: 0;}
.header .nav .search_list .list_se .tag{width: 44px;height: 20px;border-radius: 12px;line-height: 20px;font-size: 12px;display: inline-block;text-align: center;margin-right: 12px;}
.header .nav .search_list .list_se .se_prod .tag{color: #4660FF;background: #E7EBFF;}
.header .nav .search_list .list_se .se_video .tag{color: #FF860C;background: #FFEFE0}
.header .nav .search_list .list_se .se_news .tag{color: #008CF8;background: #DFF0FE;}
.header .btn_lang{right: 100px;top: 0;}
.header .btn_lang .lang_selected{display: block;padding-left: 26px;background: url(../img/icon_global.png) no-repeat left center;background-size: auto 20px;color: #fff;line-height: 48px;padding-right: 5px;}
.header .btn_lang .lang_list{display: none;width: 100%;top: 48px;left: 0;}
.header .btn_lang .lang_list a{display: block;background: rgba(0,0,0,.5);color: #fff;padding: 10px 0 10px 10px;}
.header .btn_lang .lang_list a:hover{background: rgba(0,0,0,.65)}	
   /* @media only screen and (max-width: 1800px){
        .header .btn_lang{
            right: 20px;
        }
    }*/
    @media only screen and (max-width: 1500px){
        .header .nav{padding:0 0 0 160px;}
        .header .btn_lang{right:30px;}
    }
    @media only screen and (max-width: 1440px) {
       /* .header .wrap{width: 75%;}*/
        .header .nav li a{margin: 0 10px;}
        /*.header .btn_lang{right:80px;}*/
        /*.header .search{right:10px;}*/
	}
   /* @media only screen and (max-width:1280px){
        .header .wrap{width: 85%;} 
        .header .btn_lang{right: 5%}
        .header .btn_lang .lang_selected{font-size: 0;}
        .header .btn_lang .lang_list{width: 146px;right: 0;left: auto}
    }*/
    @media only screen and (max-width:1366px){
        .header .nav{padding:0 0 0 120px;}
    }
    @media only screen and (max-width:1200px){
        .header .logo{left:20px;}
        .header .btn_lang{right: 20px}
        .header .nav{padding:0 0 0 110px;}
        /*.header .search{right:20px;}*/
    }
    @media only screen and (max-width: 1100px) {
        .header .nav{padding:0 0 0 100px;}
        
    }
	@media only screen and (max-width: 1080px) {
        .header .btn_lang{right:90px;}
        .header .btn_lang a{font-size:0;}
		.header .nav{
    position: absolute;
    height: 100vh;
    overflow: hidden;
    right: -100%;
    text-align: left;
    line-height: 1;
    /* transform: translate(0, -100%); */
    opacity: 0;
    z-index: 5;
    width: 300px;
    top: 56px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1) 0s;
    margin: 0;
    background: rgba(0,0,0,0.8);
    opacity: 0;
}
.header.z-show .nav {
    top: 48px;
    -ms-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -webkit-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    height: 100vh;
    right: 0;
    overflow-y: auto;
}
.header .nav ul{
    display:block;
}
		.header .search{
            margin-left: 10px;
            margin-right: 10px;
            position:relative;
            float:right;
            right:auto;
        }
	.u-menu {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    float: right;
    top: 10px;
    z-index: 6;
}
.u-menu .menu-sub {
    position: absolute;
    right: 0;
    margin: 8px 0;
    top: 14px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transition: all .1s cubic-bezier(.4, 0, .2, 1) 0s;
    border-radius: 2px;
}
.u-menu .menu-sub:after, .u-menu .menu-sub:before {
    content: "";
    position: absolute;
    right: 0;
    width: 25px;
    height: 2px;
    background-color: inherit;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s;
    border-radius: 2px;
    display: block;
}
.header.z-show .u-menu .menu-sub:before {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
    top: -8px;
}
.header.z-show .u-menu .menu-sub:after {
    -ms-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg);
    background: #fff;
    top: -8px;
}
.header.z-show .u-menu .menu-sub:before, .header.z-show .u-menu .menu-sub:after {
    width: 25px;
}
.header.z-show .u-menu .menu-sub {
    height: 0;
    background: #000;
}
.u-menu .menu-sub:before {
    top: -16px;
}
.u-menu .menu-sub:after {
    top: -8px;
}
.header .nav li{float: none;}
.search_list{width: 90%;left: 5%;}
.header .nav .search_list li{padding: 7px 0;}
.header .nav.active{top: 48px;
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    height: 100vh;
    right: 0;
    overflow-y: auto;}
}









.footer{background: #F7F8FA;padding: 48px 0 40px;position:relative;z-index:3;}
.footer .footer_top ul{
    display: flex;
    flex-wrap: wrap
}
.footer .footer_top li{width: 20%;}
.footer .footer_top li dl{margin-bottom: 40px;}
.footer .footer_top li dt{margin-bottom: 12px;}
.footer .footer_top li dt a{font-weight: 600;color: #121212;line-height: 16px;}
.footer .footer_top li dd{margin-bottom: 12px;}
.footer .footer_top li dd a{font-size: 12px;color: #595959;line-height: 12px;}
.footer .footer_bottom .left{color:#595959;}
.footer .footer_center{
    border-bottom: 1px solid #C2C7D1;    
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.footer .footer_center .left .footer_ph {
    font-weight: bold;
    margin-left: 25px;
    color:#121212;
}
.footer .footer_center .right {    
    display: block;
}
.footer .footer_center .right li {
    float: left;
    position: relative;
    margin-left: 20px;
}
.footer .footer_center .right .img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    cursor: pointer;
}
.footer .footer_center .right .ewm {
    position: absolute;
    top: -110px;
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) rotate(0deg);
    -o-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.footer .footer_center .right li *{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.footer .footer_center .right li:hover .ewm{display: block;}
.footer .footer_center .right .ewm img {
    width: 100px;
}
.footer .footer_center .right .img.wexin{background: url(../img/wechat_default.png) no-repeat center;background-size: cover;}
.footer .footer_center .right .img.kuaishou{background: url(../img/kuaishou_default.png) no-repeat center;background-size: cover;}
.footer .footer_center .right .img.douyin{background: url(../img/douyin_default.png) no-repeat center;background-size: cover;}
.footer .footer_center .right .img.bili{background: url(../img/bilibili_default.png) no-repeat center;background-size: cover;}
.footer .footer_center .right .img.weibo{background: url(../img/weibo_default.png) no-repeat center;background-size: cover;}
.footer .footer_center .right .img.shipinhao{background: url(../img/shipinhao_default.png) no-repeat center;background-size: cover;}

.footer .footer_center .right li:hover .img.wexin{background-image:url(../img/wechat_select.png);}
.footer .footer_center .right li:hover .img.kuaishou{background-image:url(../img/kuaishou_select.png);}
.footer .footer_center .right li:hover .img.douyin{background-image:url(../img/douyin_select.png);}
.footer .footer_center .right li:hover .img.bili{background-image:url(../img/bilibili_select.png);}
.footer .footer_center .right li:hover .img.weibo{background-image:url(../img/weibo_select.png);}
.footer .footer_center .right li:hover .img.shipinhao{background-image:url(../img/shipinhao_select.png);}

body.black .footer .footer_center .right li:hover .img.wexin{background: url(../img/wechat_default.png) no-repeat center;background-size: cover;}
body.black .footer .footer_center .right li:hover .img.kuaishou{background: url(../img/kuaishou_default.png) no-repeat center;background-size: cover;}
body.black .footer .footer_center .right li:hover .img.douyin{background: url(../img/douyin_default.png) no-repeat center;background-size: cover;}
body.black .footer .footer_center .right li:hover .img.bili{background: url(../img/bilibili_default.png) no-repeat center;background-size: cover;}
body.black .footer .footer_center .right li:hover .img.weibo{background: url(../img/weibo_default.png) no-repeat center;background-size: cover;}
body.black .footer .footer_center .right li:hover .img.shipinhao{background: url(../img/shipinhao_default.png) no-repeat center;background-size: cover;}
body.black .footer .footer_center .right li:hover .img{opacity: 0.7;}

	@media only screen and (max-width:768px){
        .footer{
            display: none;
        }
	.footer .footer_top li{display: block;float: none;width: 100%;}
.footer .footer_top li dd{display: none;margin-bottom: 0;line-height: 2em;}
.footer .footer_top li dl {
    margin-bottom: 0;padding:2px 0;
}
.footer .footer_top li dt {
    margin-bottom: 0;
    line-height:2em ;position: relative;
}
.footer .footer_top li dt:before {
    font-size: 16px;
    font-style: normal;
    content: "+";
    display: block;
    font-size: 20px;
    font-weight: 700;
    z-index: 999;position: absolute;
    right: 0;
    top: 0;
}
.footer .footer_center{padding: 18px 0 12px 0}
.footer .footer_center .left{display: block;width: 100%;margin-bottom: 5px;}
.footer .footer_center .right{float: none;}
.footer .footer_center .left a{display: block;text-align: center;}
.footer .footer_center .left a.footer_logo {display: none;}
.footer .footer_center .right ul{text-align: left;}
.footer .footer_center .right li{margin-left: 0;margin: 0 5px;float: none;display: inline-block;}
.footer .footer_center .right li:first-child{
    margin-left:0;
}
.footer .footer_bottom .left{text-align: center;margin-bottom: 5px;font-size: 9px;}
.footer .footer_bottom .fr{float: none;display:none;text-align: center;}
.footer{padding: 5% 0;}
.footer .footer_center .left .footer_ph {
    text-align: left;
    margin-left: 0;
    color: #121212;
    font-weight: bold;
}
}


.wap_footer{
    display: none;
}
.wap_footer .ft_item .ft_item_top{
    display: block;
    padding: 16px 34px 16px 24px;
    background: #F7F8FA;
    color: #121212;
    font-size: 14px;
}
.wap_footer .ft_item .ft_item_top a{
    color: #121212;
}
.wap_footer .ft_item .ft_item_top .ft_item_arrow{
    display: none;
    right: 34px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #121212;
    border-right: 1px solid #121212;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.wap_footer .ft_item.hasList .ft_item_top .ft_item_arrow{
    display: block;
}
.wap_footer .ft_item.open .ft_item_top .ft_item_arrow{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 0;
}
.wap_footer .ft_list{
    display: none;
}
.wap_footer .ft_list a{
    font-size: 12px;
    display: block;
    padding: 10px 0 10px 24px;
    background: #EDF0F5;
    color: #121212;
}
.wap_footer .ft_list a:hover{
    color: #4660FF;
}
.wap_footer .ft_item::after{
    content: '';
    display: block;
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    background: #C2C7D1;
    height: 1px;
}
.wap_footer .footer_center{padding: 18px 24px 20px 24px;border-bottom:1px solid #E3E6ED;background: #F7F8FA;}
.wap_footer .footer_center .left{display: block;width: 100%;margin-bottom: 5px;}
.wap_footer .footer_center .left .footer_ph{font-weight: 500;margin-left: 24px;}
.wap_footer .footer_center .left a{display: block;text-align: center;}
.wap_footer .footer_center .left a.footer_logo {display: none;}
.wap_footer .footer_center .left .footer_ph {
    text-align: left;
    margin-left: 0;
    color: #121212;
    font-weight: bold;
}
.wap_footer .footer_center .right{margin-top: 16px;}
.wap_footer .footer_center .right ul{text-align: left;}
.wap_footer .footer_center .right li{display: inline-block;position: relative;margin: 0 5px;}
.wap_footer .footer_center .right li:first-child{
    margin-left:0;
}
.wap_footer .footer_center .right .ewm{position: absolute;top: -110px;display: none;left: 50%;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -moz-transform: translateX(-50%) rotate(0deg);
    -o-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow:hidden;
}
.wap_footer .footer_center .right li:hover .ewm{display: block;}
.wap_footer .footer_center .right .ewm img{width:100px;}
.wap_footer .footer_center .right .img{width: 36px;height: 36px;border-radius: 100%;}
.wap_footer .footer_center .right .img.wexin{background: url(../img/wechat_default.png) no-repeat center;background-size: cover;}
.wap_footer .footer_center .right .img.kuaishou{background: url(../img/kuaishou_default.png) no-repeat center;background-size: cover;}
.wap_footer .footer_center .right .img.douyin{background: url(../img/douyin_default.png) no-repeat center;background-size: cover;}
.wap_footer .footer_center .right .img.bili{background: url(../img/bilibili_default.png) no-repeat center;background-size: cover;}
.wap_footer .footer_center .right .img.weibo{background: url(../img/weibo_default.png) no-repeat center;background-size: cover;}
.wap_footer .footer_center .right li:hover .img.wexin{background-image:url(../img/wechat_select.png);}
.wap_footer .footer_center .right li:hover .img.kuaishou{background-image:url(../img/kuaishou_select.png);}
.wap_footer .footer_center .right li:hover .img.douyin{background-image:url(../img/douyin_select.png);}
.wap_footer .footer_center .right li:hover .img.bili{background-image:url(../img/bilibili_select.png);}
.wap_footer .footer_center .right li:hover .img.weibo{background-image:url(../img/weibo_select.png);}
.wap_footer .footer_bottom{padding: 12px 24px 0 24px;background: #F7F8FA;display: flex;}
.wap_footer .footer_bottom a:hover{color: #4660FF;}
.wap_footer .footer_bottom .left{text-align: center;margin-bottom: 5px;font-size: 9px;}
body.black .wap_footer .footer_bottom .left {color: #121212;}
.wap_footer .footer_bottom .fr{float: none;display:none;text-align: center;}

@media only screen and (max-width: 768px){
    .wap_footer{
        display: block;
    }
}
.fancy_cover_lang{
  display:none;
  position:fixed;
  left:0;
  top:0;
  right:0;
  background:rgba(0,0,0,.5);
  z-index: 11;
}
.fancy_wrapper_lang{
  width:1000px;
  padding:148px 0;
  background:#fff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.fancy_wrapper_lang .fancy_box{
  height:100%;
  color:#121212;
 
}
.fancy_wrapper_lang .mCSB_inside>.mCSB_container{
 padding:0 148px;
}

.fancy_box h5{
  color:#121212;
  font-weight: bold;
}
.fancy_box .form_flex{
  display: flex;
  width: 100%;
}
.form_cover_top .fancy_info{
    display:block;
}
.form_item_reg{
  flex:1;
}
.form_item_reg dt{
  font-weight:bold;
}
.form_item_reg dd{
  display: flex;
  justify-content: space-between;
  margin-top:8px;
}
.form_item_reg .reg_item{
  flex:1;
  display: flex;
  justify-content: space-between;
  align-items:center;
  background:#F7F8FA;
   border-radius: 4px;
   height:44px;
   padding:0 16px;
   margin:0 8px;
}
.form_item_reg .reg_item.reg_item_none{
  background:none;
}
.form_item_reg .reg_item:first-child{
  margin-left:0;
}
.form_item_reg .reg_item:not(:first-child){
  margin-right:0;
}
.form_item_reg .reg_item:hover span{
  color:#4660FF;
}
.form_item_reg .reg_item.click span{
  color:#4660FF;
}
.reg_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg) rotate(0deg);
  -moz-transform:rotate(45deg) rotate(0deg);
  -o-transform:rotate(45deg) rotate(0deg);
  -ms-transform:rotate(45deg) rotate(0deg);
  transform:rotate(45deg) rotate(0deg);
}
.reg_close_inner:before{
  content: '';
  display: inline-block;
  width: 17px;
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
}
.reg_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  margin-top: -15px;
}
.reg_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.reg_close_inner:hover:before{
  background: #fff;
}
.reg_close_inner:hover:after{
  background: #fff;
}
.fancy_fixed{
    overflow: hidden
}
.fancy_dim {
  -webkit-filter: blur(5px); /* Chrome, Opera */
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.form_cover_top{
  display:none;
  position:fixed;
  left:0;
  top:0;
  right:0;
  background:rgba(0,0,0,.5);
  z-index: 12;
}
.form_wrapper{
  display:none;
  width:1000px;
  padding:148px 0;
  background:#fff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.form_wrapper.autoH{
    padding: 148px;
}

.form_cover_top .form_box{
    width:auto;
  height:100%;
  padding:0;
  top:auto;
  left:auto;
  -webkit-transform:none;
  -moz-transform:none;
  -o-transform:none;
  -ms-transform:none;
  transform:none;
}
.form_wrapper .form_box >.mCSB_inside>.mCSB_container{
  padding:0 148px;
}
.form_box h5{
  color:#121212;
  font-weight: bold;
}
.form_box .tips{
  color:#FF3636;
}
.form_box .form_flex{
  display: flex;
  width: 100%;
}
.form_box .form_flex .form_item_inp:first-child{
  margin-left:0;
} 
.form_box .form_item_inp{
  flex:1;
  width:49%;
  padding-bottom:18px;
  margin-left: 16px;
}
.form_box .form_item_inp.form_user{
  margin-left: 0;
}
.form_box .form_item_inp dt{
  color:#121212;
}
.form_box .form_item_inp dt > .ibox{
  color:#FF3636;
  vertical-align: top;
  margin-left: 3px
}
.form_box .form_item_inp dd{
  border:1px solid #C2C7D1;
  padding:5px 5px 5px 10px;
  margin-top: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
  behavior: url(../css/ie-css3.htc);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}

.form_box .form_item_inp dd > input{
  width:100%;
  border:none;
  height:30px;
  line-height: 30px
}

.form_box .form_item_inp dd.txt_focus {
  border: 1px solid #4660FF;
}
.form_box .form_item_inp .get_verif{
  display: block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  background: #E7EBFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  color: #4660FF;
  right: 6px;
  top: 9px;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
  behavior: url(../css/ie-css3.htc);
}
.form_box .form_item_inp .get_verif.send{
  background: #D4D4D4;
  width: 95px;
}
.form_box .form_item_inp.form_verif dd{
  padding:5px 90px 5px 10px;
}
.form_box .form_tip{
  display:none;
  color:#FF3636;
  left:10px;
  bottom:0;
}
.form_box .form_tip.active{
  display:block;
}
.form_box .form_item_slc{
  width:100%;
  padding-bottom:18px;
}
.form_box .form_item_slc dt{
  color:#121212;
}
.form_box .form_item_slc dd{
  border:1px solid #C2C7D1;
  padding:5px 25px 5px 10px;
  margin-top: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor:pointer;
  z-index:11;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
  behavior: url(../css/ie-css3.htc);
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
}
.form_box .form_item_slc dd.txt_focus{
  border: 1px solid #4660FF;
}
.form_box .form_item_slc dd > input{
  width:100%;
  border:none;
  cursor:pointer;
}
.form_box .form_item_slc dd .slc_btn{
  right:10px;
  top:50%;
  margin-top:-2px;
  width:0;
  height:0;
  border-top:5px solid #595959;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
}
.form_box .form_item_slc dd.txt_focus .slc_btn{
  border-top: 5px solid #4660FF
}
.form_box .form_item_slc.open dd .slc_btn{
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  -ms-transition:all .4s;
  transition:all .4s;
}
.form_box .form_item_slc .slc_slide{
  display:none;
  width:100%;
  padding:5px 10px 5px 5px;
  background:#fff;
  border-radius: 3px;
  height:100px;
  overflow:hidden;
  border:1px solid #C2C7D1;
  margin-top: -1px;
  z-index:10;
}
.form_box .form_item_slc .slc_slide .slc_list a{
  display:block;
  padding-left:5px;
}
.form_box .form_item_slc .slc_slide .slc_list a:not(:first-child){
  margin-top: 3px;
  line-height: 1.8
}
.form_box .form_item_slc .slc_slide .slc_list a:hover{
  background:rgba(0,0,0,.3);
  border-radius: 3px;
  color:#fff;
}
.form_box .form_item_textarea dt{
  color:#121212;
}
.form_box .form_item_textarea dd{
  border:1px solid #C2C7D1;
  padding:5px 10px 25px 10px;
  margin-top: 8px;
  border-radius: 5px;
  height:110px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
}
.form_box .form_item_textarea dd.txt_focus{
  border: 1px solid #4660FF;
}
.form_box .form_item_textarea textarea{
  width:100%;
  height:100%;
  border:none;
}
.form_box .form_item_textarea .word_count{
  font-family: Arial;
  color:#C2C7D1;
  right:5px;
  bottom:5px;
}
.form_box .form_item_textarea .word_count span{
  margin:0 1px;
}
.form_box .form_submit{
  display:block;
  width:120px;
  height:44px;
  line-height: 44px;
  border:1px solid #121212;
  border-radius: 20px;
  margin:20px auto 0 auto;
  text-align:center;
}
.form_box .form_submit:hover{
  background-image:url(../img/btn_suspended_03.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center;
  background:url(../img/btn_suspended_03.png);
  color:#4660FF;
  border:none;
}
.form_box .form_submit:active{
  background-image:url(../img/btn_clicked_03.png);
}
.form_suc{
  display: none;
  width:400px;
  height:48px;
  background:#fff;
  border-radius: 8px;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.form_suc p{
  height:48px;
  line-height: 48px;
  /*padding:80px 0;*/
  color:#121212;
  text-align:center;
}
.form_close{
  display:block;
  width:32px;
  height:32px;
  background-image:url(../img/button_close.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  left:100%;
  top:-7%;
}
.form_close:hover{
  background-image:url(../img/button_close_hover.png);
}
.form_cover_top #form_customized .form_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.form_cover_top #form_customized .form_close_inner:before{
  content: '';
  display: block;
  position: absolute;
  width: 18px;                                                                        
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
  margin-left: -9px;
}
.form_cover_top #form_customized .form_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  top: 50%;
  margin-top: -9px;
}
.form_cover_top #form_customized .form_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.form_cover_top #form_customized .form_close_inner:hover:before{
  background: #fff;
}
.form_cover_top #form_customized .form_close_inner:hover:after{
  background: #fff;
}
.form_cover_top #fancy_prew .fancy_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
}
.form_cover_top #fancy_prew .fancy_close_inner:before{
  content: '';
  display: block;
  position: absolute;
  width: 17px;
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
  margin-left: -8px;
}
.form_cover_top #fancy_prew .fancy_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  top:50%;
  margin-top: -9px;
}
.form_cover_top #fancy_prew .fancy_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.form_cover_top #fancy_prew .fancy_close_inner:hover:before{
  background: #fff;
}
.form_cover_top #fancy_prew .fancy_close_inner:hover:after{
  background: #fff;
}
.reg_close_inner{
  display:block;
  background: #fff;
  width:32px;
  height:32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #121212;
  right:40px;
  top:40px;
  text-align: center;
  -webkit-transform:rotate(45deg) rotate(0deg);
  -moz-transform:rotate(45deg) rotate(0deg);
  -o-transform:rotate(45deg) rotate(0deg);
  -ms-transform:rotate(45deg) rotate(0deg);
  transform:rotate(45deg) rotate(0deg);
}
.reg_close_inner:before{
  content: '';
  display: block;
  position: absolute;
  width: 17px;
  height: 1px;
  background: #121212;
  left: 50%;
  top: 50%;
  margin-left: -8px;
}
.reg_close_inner:after{
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 18px;
  background: #121212;
  left: 50%;
  top: 50%;
  margin-top: -9px;
}
.reg_close_inner:hover{
  background: #888888;
  border: 1px solid #888888;
}
.reg_close_inner:hover:before{
  background: #fff;
}
.reg_close_inner:hover:after{
  background: #fff;
}



@media only screen and (max-width: 1200px){
    .form_wrapper{
        padding:120px 0;
    }
    .form_wrapper .form_box >.mCSB_inside>.mCSB_container{
        padding:0 120px;
    }
    .fancy_wrapper_lang .mCSB_inside>.mCSB_container{
        padding:0 120px;
    }
}
@media only screen and (max-width: 1080px){
    .form_wrapper{
      width:80%;
    }
}
@media only screen and (max-width: 960px){
    .form_wrapper{
        padding:80px 0;
    }
    .form_wrapper.autoH{
        padding: 80px;
    }
    .form_wrapper .form_box >.mCSB_inside>.mCSB_container{
        padding:0 80px;
    }
    .fancy_wrapper_lang .mCSB_inside>.mCSB_container{
        padding:0 80px;
    }
    .form_box .form_flex{
        display: block
    }
    .form_box .form_item_inp{
        margin-left:0;
    }
    .form_cover_top #fancy_prew .fancy_close_inner{
        width:26px;
        height:26px;
        right:32px;
        top:32px;
    }
    .form_cover_top #form_customized .form_close_inner{
        width:26px;
        height:26px;
        right:32px;
        top:32px;
    }
}
@media only screen and (max-width:800px){
  
 
}
@media only screen and (max-width: 768px){
    .form_wrapper{
        padding:60px 0;
    }
    .form_wrapper .form_box >.mCSB_inside>.mCSB_container{
        padding:0 60px;
    }
    .fancy_wrapper_lang .mCSB_inside>.mCSB_container{
        padding:0 60px;
    }
}
@media only screen and (max-width:640px){

  .form_box .form_item_inp{
    float:none;
    width:100%;
    display: block
  }

  .form_wrapper{
      padding:40px 0;
  }
  .form_wrapper.autoH{
        padding: 40px;
    }
  .form_wrapper .form_box >.mCSB_inside>.mCSB_container{
    padding:0 40px;
  }
  .fancy_wrapper_lang .mCSB_inside>.mCSB_container{
    padding:0 40px;
  }
}
@media only screen and (max-width:500px){
  .form_suc{
    width:80%;
  }
}
@media only screen and (max-width: 479px){
    .form_wrapper{
        padding:20px 0;
    }
    .form_wrapper .form_box >.mCSB_inside>.mCSB_container{
        padding:0 20px;
    }
    .fancy_wrapper_lang .mCSB_inside>.mCSB_container{
        padding:0 20px;
    }
    .form_cover_top #form_customized .form_close_inner{
        right: 20px;
        top: 20px;
    }
}



.float_btn{
  position:fixed;
  right:5%;
  bottom:5%;
  z-index:11;
}
.float_btn .float_open{
  display: block;
  width: 56px;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(18, 18, 18, 0.2), inset -2px -2px 8px 0px rgba(143, 143, 143, 0.6);
  border-radius: 100px;
  z-index:10;
}
.float_btn .float_open img{
  display: block;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);

}
.float_btn .float_open img.float_icon_hover{
  display: none
}

.float_btn .float_open:hover img.float_icon_default{
  display: none
}
.float_btn .float_open:hover img.float_icon_hover{
  display: block
}
.float_btn .float_open.open img.float_icon_default{
  display: none
}
.float_btn .float_open.open img.float_icon_hover{
  display: block
}
.float_bar{
  width:0;
  height:44px;
padding:0 24px;
opacity:0;
right:50%;
top:50%;
transform:translateY(-50%);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 0px 10px 0px rgba(18, 18, 18, 0.2), inset -2px -2px 5px 0px rgba(143, 143, 143, 0.5);
border-radius: 100px 0px 0px 100px;
backdrop-filter: blur(1px);
}
.float_bar a{
  display: inline-block;
  height:44px;
  line-height: 44px;
  color:#121212;
  padding:0 15px;
  white-space: nowrap
}
.float_bar a:not(:first-child){
  position: relative
}
.float_bar a:not(:first-child)::before{
  content:'';
  position:absolute;
  display: block;
  width:1px;
  height:16px;
  top:14px;
  left:0;
  background: #C2C7D1;
}
.float_bar a:hover{
  color:#4660FF;
}
.float_btn:hover .float_bar{
  opacity: 1
}
.fancy_wrapper{
  display:none;
  width:1000px;
  padding:148px 0;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background:#fff;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(0deg);
  -moz-transform:translate(-50%,-50%) rotate(0deg);
  -o-transform:translate(-50%,-50%) rotate(0deg);
  -ms-transform:translate(-50%,-50%) rotate(0deg);
  transform:translate(-50%,-50%) rotate(0deg);
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -ms-transition:all .5s;
  transition:all .5s;
  behavior: url(../css/ie-css3.htc);
  z-index: 12
}
.fancy_box{
  height:100%;
}
.preview h4{
  color: #121212;
  font-weight: bold;
}
.preview h5{
  color: #121212;
  font-weight: bold;
}
.prew_info{
  display: flex;
}
.prew_info dl{
  flex: 1;
  flex-shrink: 0;
  flex-shrink: 0;
}
.prew_info dl:nth-child(n+2){
  margin-left:10px;
}

.prew_info dt{
  color: #888;
}
.prew_info dd{
  color: #121212;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap:break-word;
}
.form_item_reg{
  flex:1;
}
.form_item_reg dt{
  font-weight:bold;
}
.form_item_reg dd{
  display: flex;
  justify-content: space-between;
  margin-top:8px;
}
.form_item_reg .reg_item{
  flex:1;
  display: flex;
  justify-content: space-between;
  align-items:center;
  background:#F7F8FA;
   border-radius: 4px;
   height:44px;
   padding:0 16px;
   margin:0 8px;
   cursor:pointer;
}
.form_item_reg .reg_item.reg_item_none{
  background:none;
}
.form_item_reg .reg_item:first-child{
  margin-left:0;
}
.form_item_reg .reg_item:not(:first-child){
  margin-right:0;
}
.form_item_reg .reg_item:hover span{
  color:#4660FF;
}
.form_item_reg .reg_item.click span{
  color:#4660FF;
}

.area_all .mCSB_container{
  overflow: visible;
  margin-right: 15px;
  padding: 0 1% 0;
}
.area_all .mCSB_scrollTools .mCSB_draggerRail{
  width: 0;
}
.area_all .mCSB_scrollTools {
  width: 8px;
}

.sel_province,.sel_city,.sel_area{display: none;}
.area_all {
    color: #121212;
    height: 245px;
    display: none;
    overflow: hidden;
    width: 600px;
    background: #fff;
    position: absolute;  
    z-index:9999;
    box-shadow: -1px 3px 10px #dee5ec;
    border-radius: 5px;
}
.area_all>ul {
    float: left;
    padding: 1% 0 1% 2%;
    width: 200px;
    height: 100%;
    z-index: 99;
    background: #fff;
    border-right: 1px solid #E3E6ED;
}
.area_all>ul:last-child {
    border-right:none;
}
.area_all>ul li{
    padding: 7px 5px 6px;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}
.area_all>ul li:after {
    transform: translateY(0px);
    transition: all .4s ease;
    font-family: "iconfont";
    display: inline-block;
    vertical-align: middle;
    /*content: "\e683";*/
    position: absolute;
    right: 0;
    top: 5px;
}
.area_all>ul:last-child li:after {
  display: none;
}
.area_all>ul li:hover{
  background: #F7F8FA;
}
.area_all>ul li.active{
  color: #4660FF;
}
.sel_con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #e3e6ed!important;
  width: 4px;
}
.sel_con div.pro_con{
  width:100%;
}