body{font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB',' ',Arial,sans-serif;}
.hide-of{
    position: relative;
    overflow: hidden;
}
/*去除所有元素聚焦时的边框*/
*{outline: none;}
img{border: none;}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.f-left{
    float: left;
}
.f-right{
    float: right;
}
.clear{
    clear: both;
}
.no-display{
    display: none;
}
.fixwidth{width: 1188px;margin: 0px auto;}
.fixwidth1{width: 1000px;margin: 0px auto;}

/*@charset 'utf-8';*/
#header {width: 100%;position: absolute;z-index: 1001; top: 0;}
#header .nav-item a.has-subnav{
    display: inline-block;
    padding: 0px 14px;
    font-size: 14px;
    color:#ffffff;
    height: 72px;
    line-height: 75px;
    border-bottom: 3px transparent solid;
}

/*导航*/ 
#header  .menu { height: 80px; display: table; }
.menu-bg{ position: fixed; top: 0; left: 0; z-index: 99; }
.logo { width: 285px; height: 45px; display: table-cell; vertical-align: middle; }
.logo a { width: 285px; display: block; }
.logo img { width: 285px; }
.menu-main { width: 574px; display: table-cell; vertical-align: middle; }
.menu-main ul{ display: inline-block; }
.menu-main li{ float: left; display: inline-block;height: 80px;line-height: 80px;}
.menu-main a{ color:#9b9b9b;height: 80px;line-height: 80px;display:inline-block;}
.menu-main a:hover{ color:#666; height: 80px;line-height: 80px;}
.menu-main .menu-spacing{ margin: 0 12px; }
.search-phone{ float: right; margin-top: 25px; position: relative; }
.search-phone img,.search-phone div{ float: left; }
.search-phone .search{ width: 18px; margin-top: 4px; cursor: pointer; }
.search-phone .phone{ width: 140px; }
.search-spacing{ margin: 0 12px; margin-top: 5px; }
.mc-search{ height: 25px; border-radius: 20px; background: #f3f3f3; position: absolute; top: 2px; left: 0; behavior: url(/css/PIE.htc); display: none; }
.mc-search input{ width: 82%; background: none; height: 25px; line-height: 25px; margin-left: 10px;border: none;}
.mc-search .icon{ width: 18%; height: 100%; background: url(/images/apps/frontend/common/search.png) no-repeat center; position: absolute; top: 0; right: 0; cursor: pointer; background-size: 42%; }
.mc-search .icon:hover{ opacity: 0.8; filter: alpha(opacity=80); }
.mc-width-all {
    width: 100%;
}
.mc-width-1190 {
    width: 1190px;
}
.center {
    margin: 0 auto;
}
/* 头部二级菜单 */
#header .qr-code {
    display: none;
    height: 167px;
    left: 3px;
    overflow: hidden;
    position: absolute;
    top: 43px;
    width: 143px;
}
#header .drop-down-phone {
    background: rgba(0, 0, 0, 0) url("/images/apps/frontend/phone_drop_down.png") no-repeat scroll center center;
    display: none;
    height: 51px;
    position: absolute;
    right: 110px;
    top: 43px;
    width: 220px;
}
#header .drop-down-phone a {
    color: #666;
    display: block;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    margin-top: 25px;
    color: #000;
}
#header .drop-down-phone a span{
    font-size: 12px;
    color: #000;
}
#header-sub-nav-bg{
    width: 100%;
    height: 2000px;
    position: fixed;
    top: 75px;
    left: 0px;
    display: none;
    background:url('/images/apps/frontend/shadow.png') center center repeat;
    z-index: 998;
}
.header-sub-nav{background: rgba(247,247,247,0.9);width: 100%;height: 90px;position: fixed;left: 0px;top: 80px;display: none;}
.header-sub-nav .img-box-wrap img{display: inline-block;margin-left: auto;margin-right: auto;}
.header-sub-nav .sub-nav-inner{width: 100%;max-width: 1420px;min-width: 1190px;margin: 0px auto;}
.header-sub-nav .sub-nav-inner .nav-content{width: 1190px;margin: 0px auto;}
.header-sub-nav .sub-nav-inner .line{height: 1px;background-color: #E1E1E1;margin: 26px 0px;}
.header-sub-nav .sub-nav-inner ul li{float: left;}
.header-sub-nav .sub-nav-inner ul li span{display: block;text-align: center;}
.header-sub-nav .sub-nav-inner ul li a{display: block;}
.header-sub-nav .sub-nav-inner ul li .img-box-wrap{text-align: center; height: 30px;text-align: center;}
.header-sub-nav .sub-nav-inner ul li .product-name{
    font-size: 11px;
    color: #666;
    margin-top: 12px;
    height: 18px;
    line-height: 18px;
}
.header-sub-nav .sub-nav-inner .top-nav{margin-top: 15px;position: relative;text-align: center;}
.header-sub-nav .sub-nav-inner .top-nav ul li{width: 108px;}
.header-sub-nav .sub-nav-inner .bottom-nav ul li{width: 170px;position: relative;}
.header-sub-nav .sub-nav-inner .bottom-nav ul li .img-box-wrap{height: 118px;text-align: center;}
.header-sub-nav .sub-nav-inner .bottom-nav ul li .product-name{font-size: 13px;margin-top: 12px;}
.header-sub-nav .sub-nav-inner ul li .product-model{
    font-size: 13px;
    color: #7f7f7f;
    opacity: 0.8;
    height: 18px;
    line-height: 18px;
}
.header-sub-nav .sub-nav-inner ul li .product-state{
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    right: 22px;
}
.header-sub-nav .sub-nav-inner ul li .product-state.new{background-image: url('/images/apps/frontend/nav/new_icon.png')}
.header-sub-nav .sub-nav-inner ul li .product-state.hot{background-image: url('/images/apps/frontend/nav/hot_icon.png')}
#main{ padding-top: 80px; background: #fff;}
#main .content{min-width: 1190px;}

#header .nav .nav-item-2 .header-sub-nav,
#header .nav .nav-item-3 .header-sub-nav,
#header .nav .nav-item-4 .header-sub-nav,
#header .nav .nav-item-5 .header-sub-nav,
#header .nav .nav-item-6 .header-sub-nav,
#header .nav .nav-item-7 .header-sub-nav
{
    height: 96px;
}
#header .nav .nav-item-3 .header-sub-nav,
#header .nav .nav-item-4 .header-sub-nav,
#header .nav .nav-item-5 .header-sub-nav{text-align: center;}
#header .nav .nav-item-3 .header-sub-nav .sub-nav-inner .top-nav ul li{width: 146px;}
#header .nav .nav-item-4 .header-sub-nav .sub-nav-inner .top-nav ul{margin-right: 80px;}
#header .nav .nav-item-4 .header-sub-nav .sub-nav-inner .top-nav ul li{width: 110px;}
#header .nav .nav-item-5 .header-sub-nav .sub-nav-inner .top-nav ul{margin-right: 70px;}
#header .nav .nav-item-5 .header-sub-nav .sub-nav-inner .top-nav ul li{width: 114px;}
#header .nav .nav-item-6 .header-sub-nav .sub-nav-inner .top-nav ul li{width: 114px;}
#header .nav .nav-item-7 .header-sub-nav .sub-nav-inner .top-nav ul li{width: 114px;}
#header .nav .nav-item-6 .nav-content{width: 1104px;}
#header .nav .nav-item-7 .nav-content{width: 1104px;}

/*头部三级菜单*/
#header .top_nav3 .parent-nav3 .active_icon{
    display: none;
}
#header .header-sub-nav3{
    display: none;
}
#header .sub-nav-inner3{
    background: #fff;
    opacity: 0.8;
    border-top: 1px solid #DDDDDD;
    padding: 8px 0;
}
#header .sub-nav-inner3 > ul > li{
    height: 30px;
    line-height: 30px;
}
#header .sub-nav-inner3 > ul > li > a{
    height: 30px;
    line-height: 30px;
}
#header .sub-nav-inner3 > ul > li > a .product-name{
    color: rgb(102, 102, 102);
    margin: 0;
    height: auto;
    line-height: unset;
}


/*footer*/
#footer{background-color: #fff;padding: 0px 0px 11px 0px;}
#footer .footer-top{border-bottom: 1px solid #E4E4E4;padding-bottom: 15px;margin-bottom: 30px;}
#footer .footer-nav ul{float: left;margin-right: 80px;}
#footer .footer-nav ul li em{font-size: 14px;color: #0a0a0a;opacity: 0.8;display: inline-block;font-weight: bold;padding-bottom: 10px;}
#footer .footer-nav ul li a{font-size: 12px;color: #383838;line-height: 25px;}

#footer .footer-wechat{text-align: center;padding-top: 10px;}
#footer .footer-wechat p{margin-top: 2px;font-size: 12px;color: #666666;}

#footer .footer-sns .footer-network{margin-top: 8px;position: relative;}
#footer .share{ position: relative;}
#footer .qr-code{position: absolute;top: 35px;left: -42px;display: none;}
#footer .footer-sns .footer-network a{display: inline-block;margin-left: 12px;width: 32px;height: 32px;background-position: center center;background-repeat: no-repeat;}
#footer .footer-sns .footer-network a.wechat{background-image:url('/images/apps/frontend/wechat_gray.png');margin-left: 0px;}
#footer .footer-sns .footer-network a.weibo{background-image:url('/images/apps/frontend/weibo_gray.png')}
#footer .footer-sns .footer-network a.tmall{background-image:url('/images/apps/frontend/tmall_gray.png')}
#footer .footer-sns .footer-network a.jd{background-image:url('/images/apps/frontend/jd_gray.png')}
#footer .footer-sns .sns-tel{font-size: 24px;color: #696969;margin-top: 18px;letter-spacing: 2px;}

#footer .footer-bottom .copyright p{font-size: 13px;}
#footer .footer-bottom .copyright p.c-black{color: #696969;}
#footer .footer-bottom .copyright p.c-gray{color: #383838;opacity: 0.7;margin-top: 5px;}
#footer .footer-bottom .copyright p.web-id{margin-top: 32px;}
#footer .footer-bottom .copyright p.web-id a{opacity: 0.5;}
#footer #szgs_stat_icon_81 img{width: 32px;}
#footer .footer-bottom .network-id{margin-top:52px;}
#footer .footer-bottom .network-id a{display: inline-block;margin-left: 16px;}

.float-box{
    display: block;
    font-size: 18px;
    color: #b7c0c5;
    position: fixed;
    right: 45px;
    width: 80px;
    text-align: center;
    height: 70px; 
    bottom: 30px;
    z-index: 998;
}

/*wx-book-popup*/
#wx-book-popup{width: 100%;background-color: transparent;}
#wx-book-popup .wx-book-popup-content{width: 874px;border-radius: 10px;background-color: #fff;margin: 0px auto;position: relative;}
#wx-book-popup .wx-book-title{height: 44px;line-height: 44px;}
#wx-book-popup .wx-book-title h2{font-size: 16px;color:#191919;text-align: center;}
#wx-book-popup .wx-book-step table{width: 100%;}
#wx-book-popup .wx-book-step table td{text-align: center;vertical-align: top;}
#wx-book-popup .wx-book-step table div.step{display: inline-block;padding: 15px 0px;}
#wx-book-popup .wx-book-step table div.step span{display: inline-block; background-color: #fff;width: 50px;text-align: center;height: 22px;line-height: 22px;border-radius: 11px;} 
#wx-book-popup .wx-book-step{background: url("/images/apps/frontend/service/wx_popup_bg.png") no-repeat left top;width: 874px;height: 450px;border-bottom-left-radius: 11px;border-bottom-right-radius: 11px;}
#wx-book-popup .wx-book-step table{width:760px;margin-left: 65px;}
#wx-book-popup .wx-book-step .step-1{width: 236px;margin-left: 60px;}
#wx-book-popup .wx-book-step .step-2{width: 300px;}
#wx-book-popup .wx-book-step .step-1,#wx-book-popup .wx-book-step .step-2{background: url("/images/apps/frontend/service/step_dotted_line.png") left center repeat-x;}
#wx-book-popup .wx-book-step table .step span{font-size: 12px;color: #4db9d1;}
#wx-book-popup .wx-book-step table .step-txt{font-size: 16px;color: #fff;line-height: 22px;}
#wx-book-popup .wx-book-step .tr-item-one td{text-align: left;padding: 16px 0px 4px 0px;}
#wx-book-popup .wx-book-step .tr-item-two td img{margin-top: 15px;}
#wx-book-popup .wx-book-step .tr-item-two td.td-item-one img{margin-top:30px;}
#wx-book-popup .wx-book-step .td-item-center img{margin-left: 30px;}
#wx-book-popup.popup-wrapper .close {
    color: #bbbbbb;
    font-size: 32px;
    position: absolute;
    right: 10px;
    top: 5px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.sakura-information .page-sub-nav{background-color: #F5F5F5;}
.sakura-information .page-sub-nav .page-sub-nav-inner{width: 780px;margin: 0px auto;}
.sakura-information .page-sub-nav .sub-nav li{float: left;padding: 0px 74px;}
.sakura-information .page-sub-nav .sub-nav li a{
    display: inline-block;
    font-size: 18px;
    width: 111px;
    height: 72px;
    line-height: 72px;
    background-color: inherit;
    border-bottom:3px solid transparent;
    text-align: right;
    background-position: left center;
    background-repeat: no-repeat;
}
.sakura-information .page-sub-nav .sub-nav li.active{background-color: #fff;}
.sakura-information .page-sub-nav .sub-nav li.active a{color: #ed5252;border-bottom-color: #FB7070;}

.sakura-information .page-sub-nav .sub-nav li.sub-nav-1 a{background-image: url('/images/apps/frontend/news/icon1.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-2 a{background-image: url('/images/apps/frontend/news/icon2.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-3 a{background-image: url('/images/apps/frontend/news/icon3.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-4 a{background-image: url('/images/apps/frontend/news/icon4.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-1.active a{background-image: url('/images/apps/frontend/news/icon1_active.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-2.active a{background-image: url('/images/apps/frontend/news/icon2_active.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-3.active a{background-image: url('/images/apps/frontend/news/icon3_active.png');}
.sakura-information .page-sub-nav .sub-nav li.sub-nav-4.active a{background-image: url('/images/apps/frontend/news/icon4_active.png');}


/**popup**/
.popup-wrapper {
    background: none repeat scroll 0 0;
    display: none;
    z-index: 9998;
    border-radius: 12px;
}
.popup {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 1;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
.popup-wrapper .close {
    /*background: url("/images/common/close.png") no-repeat scroll center center transparent;*/
    display: block;
    height: 28px;
    position: absolute;
    right: 3px;
    top: 0px;
    width: 28px;
    z-index:9999;
    cursor: pointer;
    text-align: center;
    line-height:28px;
    font-weight:bold;
    font-size:24px;
    color:#4d4d4d;
}
.popup-close-btn a{color:#fff;display: block; border-radius: 20px; font-size: 14px; width: 70px; height: 30px; line-height: 30px; margin: 0px auto; text-align: center; background: #7BB044;}
.popup-confirm-btn a{color:#fff;display: block; border-radius: 20px; font-size: 14px; width: 70px; height: 30px; line-height: 30px; margin: 0px auto; text-align: center; background: #7BB044;}
.popup-confirm-btn{ float: right; margin-right: 10px;}

.popup-normal{width: 500px; min-height: 200px;}
.popup-up{  height: 130px; padding: 30px 30px 15px; border-radius: 10px 10px 0 0}
.popup-down{ padding: 20px 0; background: #E9EDF0; border-radius: 0 0 10px 10px}

/* errors */

/* error404 */

.error-page{background-color: #F9F9F9;padding: 222px 0px 186px 0px;}
.error-page .error-content {width: 925px;height: 578px;margin: 0px auto;position: relative;}
.error-page .error-content .back-btn{
    display: inline-block;
    font-size: 24px;
    color: #ffffff;
    background-color: #F86474;
    width: 230px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    position: absolute;
    right: 178px;
    top: 332px;
    letter-spacing: 2px;

}

.fontawesome{ font-family: 'FontAwesome';font-style: normal;}
#header .nav .nav-item-2 .header-sub-nav .sub-nav-inner .top-nav ul li{width: 99px;}

/*在线客服*/
#global_kefu_button{
    position: fixed;
    bottom: 200px;
    right: 0px;
    cursor: pointer;
    z-index: 9999;
}
#iconDivMain{
    display: none !important;
}



/* //登录框 */
.serivcelogin .s-layerbox,
.serivceregistbox  .s-layerbox{
    width: 600px;
    border: 1px solid #e2e2e2;
    background: #fff;
    border-radius: 10px; 
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.serivcelogin,.serivceregistbox{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1100;
}
.serivcelogin .loginbox{
    width: 600px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
.serivcelogin .loginbox .login {
    width: 400px;
    margin:0 auto;
    height: 500px;
    padding-top:60px;
}
.serivcelogin .loginbox h3{
    text-align: center;
    font-size: 24px;
    margin-bottom: 30px;
}
.serivcelogin .loginbox .login .login-head {
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
}

.serivcelogin .loginbox .login .login-head span {
    color: #333333;
    display: inline-block;
}

.serivcelogin .loginbox .login .login-head .btn {
    cursor: pointer;
    width: 30%;
}

.serivcelogin .loginbox .login .login-head .division {
    color: #dddddd;
    width: 70px;
}

.serivcelogin .loginbox .login .login-head .checked {
    color: #de0010;
}

.serivcelogin .loginbox .login .warming {
    display: none;
    width: 301px;
    border: 1px solid #F7C2BA;
    background: #FEE6E6;
    border-radius: 4px;
}

.serivcelogin .loginbox .login .warming img {
    width: 16px;
    vertical-align: middle;
    padding-left: 14px;
}

.serivcelogin .loginbox .login .warming span {
    padding-left: 5px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 25px;
}

.serivcelogin .loginbox .login .zh-login .tel,
.serivcelogin .loginbox .login .zh-login .pwd,
.serivcelogin .loginbox .login .zh-login .img-ver,
.serivcelogin .loginbox .login .zh-login .yzm,
.serivcelogin .loginbox .login .yzm-login .tel,
.serivcelogin .loginbox .login .yzm-login .pwd,
.serivcelogin .loginbox .login .yzm-login .img-ver,
.serivcelogin .loginbox .login .yzm-login .yzm {
    height: 48px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.serivcelogin .loginbox .login .zh-login .tel input,
.serivcelogin .loginbox .login .zh-login .pwd input,
.serivcelogin .loginbox .login .zh-login .img-ver input,
.serivcelogin .loginbox .login .zh-login .yzm input,
.serivcelogin .loginbox .login .yzm-login .tel input,
.serivcelogin .loginbox .login .yzm-login .pwd input,
.serivcelogin .loginbox .login .yzm-login .img-ver input,
.serivcelogin .loginbox .login .yzm-login .yzm input {
    height: 48px;
    padding: 0 0 0 20px;
    width: 101%;
}

.serivcelogin .loginbox .login .zh-login .tel img,
.serivcelogin .loginbox .login .zh-login .pwd img,
.serivcelogin .loginbox .login .zh-login .img-ver img,
.serivcelogin .loginbox .login .zh-login .yzm img,
.serivcelogin .loginbox .login .yzm-login .tel img,
.serivcelogin .loginbox .login .yzm-login .pwd img,
.serivcelogin .loginbox .login .yzm-login .img-ver img,
.serivcelogin .loginbox .login .yzm-login .yzm img {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.serivcelogin .loginbox .login .zh-login .tel .getyzm,
.serivcelogin .loginbox .login .zh-login .pwd .getyzm,
.serivcelogin .loginbox .login .zh-login .img-ver .getyzm,
.serivcelogin .loginbox .login .zh-login .yzm .getyzm,
.serivcelogin .loginbox .login .yzm-login .tel .getyzm,
.serivcelogin .loginbox .login .yzm-login .pwd .getyzm,
.serivcelogin .loginbox .login .yzm-login .img-ver .getyzm,
.serivcelogin .loginbox .login .yzm-login .yzm .getyzm {
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 13px;
    border-left: 1px solid #DCDCDC;
    padding: 5px 15px;
    cursor: pointer;
    width: 70px;
    text-align: center;
}

.serivcelogin .loginbox .login .zh-login .check,
.serivcelogin .loginbox .login .yzm-login .check {
    margin-top: 10px;
    color: #959494;
    height: 29px;
    font-size: 13px;
}

.serivcelogin .loginbox .login .zh-login .check input,
.serivcelogin .loginbox .login .yzm-login .check input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 100% 100%;
    margin: 0;
    margin-top: -5px;
    margin-right: 6px;
}
.serivcelogin .closebtn,
.serivceregistbox .closebtn{
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 10px;
    cursor: pointer;
}

.serivceregistbox input[type="checkbox"] {
    -webkit-appearance: none;
    background: url("/images/apps/frontend/service/checkbox1.png");
}


/* 选中： */

.serivceregistbox input[type="checkbox"]:checked {
    background: url("/images/apps/frontend/service/checkbox2.png");
}


.serivcelogin .loginbox .login .zh-login .check label,
.serivcelogin .loginbox .login .yzm-login .check label {
    cursor: pointer;
    vertical-align: top;
}

.serivcelogin .loginbox .login .zh-login .check a {
    color: #959494;
    float: right;
}

.serivcelogin .loginbox .login .zh-login .check a:hover {
    text-decoration: underline;
}

.serivcelogin .loginbox .login .zh-login .img-ver input,
.serivcelogin .loginbox .login .yzm-login .img-ver input {
    width: 210px;
}

.serivcelogin .loginbox .login .zh-login .yzm input,
.serivcelogin .loginbox .login .yzm-login .yzm input {
    width: 180px;
}

.serivcelogin .loginbox .login .zh-login .loginbtn,
.serivcelogin .loginbox .login .yzm-login .loginbtn {
    width: 400px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    background: #e73f48;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 25px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    font-weight: bold;
    font-family: " ", " ", "宋体", Arial, sans-serif;
}
.serivcelogin .loginbox .login .zh-login .loginbtn:hover,
.serivcelogin .loginbox .login .yzm-login .loginbtn:hover {
    background: #DF2F33;
}

.serivcelogin .loginbox .login .yzm-login p {
    font-size: 13px;
    text-align: center;
    margin: 20px 0;
    color: #999999;
}

.serivcelogin .loginbox .login .yzm-login .loginbtn {
    margin: 0;
}

.serivcelogin .loginbox .login .zh-login .img-ver {
    display: none;
}

.serivcelogin .loginbox .login .hide {
    display: none;
}

.serivcelogin .loginbox .login .login-bottom {
    margin-top: 20px;
    font-size: 13px;
}

.serivcelogin .loginbox .login .login-bottom .wechat {
    float: left;
}

.serivcelogin .loginbox .login .login-bottom .wechat a {
    color: #5c5c5c;
}

.serivcelogin .loginbox .login .login-bottom .wechat img {
    vertical-align: middle;
    width: 30px;
}

.serivcelogin .loginbox .login .login-bottom .wechat span {
    vertical-align: middle;
}

.serivcelogin .loginbox .login .login-bottom .regist {
    float: right;
    line-height: 27px;
    color: #de0010;
}

.serivcelogin .loginbox .login .login-bottom .regist:hover {
    text-decoration: underline;
}

.serivcelogin .s-layerbox .message_wrapper ,
.serivceregistbox .s-layerbox .message_wrapper {
    margin: 5px 0 5px 0;
}

.serivcelogin .s-layerbox .message_wrapper img ,
.serivceregistbox .s-layerbox .message_wrapper img {
    display: inline-block;
    width: 16px;
    vertical-align: middle;
    padding-left: 16px;
    margin-top: 5px;
}

.serivcelogin .s-layerbox .message_wrapper li ,
.serivceregistbox .s-layerbox .message_wrapper li {
    display: inline-block;
    padding: 0;
    padding-left: 5px;
    line-height: 27px;
    vertical-align: top;
}
.serivcelogin .s-layerbox .message_wrapper.alert-danger,
.serivceregistbox .s-layerbox .message_wrapper.alert-danger{
    color:#333;
    background-color: #FEE6E6;
    border: 1px solid #F7C2BA;
}
.serivcelogin .login .yzm-login .yzm input {
    width: 210px!important;
}

.serivcelogin .login .yzm-login .yzm .getyzm {
    width: 110px!important
}


.serivceregistbox .registbox {
    width: 420px;
    height: 560px;
    margin: 0 auto;
    font-size: 12px;
    background: #fff;
    padding-top:40px;
    padding-bottom:40px;
}

.serivceregistbox .registbox h1 {
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    padding-top: 30px;
}

.serivceregistbox .registbox .warming {
    display: none;
    width: 100%;
    border: 1px solid #F7C2BA;
    background: #FEE6E6;
    border-radius: 4px;
}

.serivceregistbox .registbox .warming img {
    width: 16px;
    vertical-align: middle;
    padding-left: 14px;
}

.serivceregistbox .registbox .warming span {
    padding-left: 5px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 25px;
}

.serivceregistbox .registbox .tel,
.serivceregistbox .registbox .pwd,
.serivceregistbox .registbox .img-ver,
.serivceregistbox .registbox .yzm {
    width: 420px;
    height: 48px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 20px auto;
}

.serivceregistbox .registbox .tel span,
.serivceregistbox .registbox .pwd span,
.serivceregistbox .registbox .img-ver span,
.serivceregistbox .registbox .yzm span {
    display: inline-block;
    padding-left: 20px;
    width: 56px;
}

.serivceregistbox .registbox .tel input,
.serivceregistbox .registbox .pwd input,
.serivceregistbox .registbox .img-ver input,
.serivceregistbox .registbox .yzm input {
    height: 48px;
    padding-left: 20px;
    width: 310px;
}

.serivceregistbox .registbox .tel img,
.serivceregistbox .registbox .pwd img,
.serivceregistbox .registbox .img-ver img,
.serivceregistbox .registbox .yzm img {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.serivceregistbox .registbox .tel .getyzm,
.serivceregistbox .registbox .pwd .getyzm,
.serivceregistbox .registbox .img-ver .getyzm,
.serivceregistbox .registbox .yzm .getyzm {
    width: 85px;
    text-align: center;
    position: absolute;
    top: 15px;
    right: 0;
    border-left: 1px solid #DCDCDC;
    padding: 5px 15px;
    cursor: pointer;
}

.serivceregistbox .registbox .check {
    margin-top: 10px;
    color: #959494;
}

.serivceregistbox .registbox .check input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 100% 100%;
    margin: 0;
    margin-top: -5px;
    margin-right: 6px;
}

.serivceregistbox .registbox .check label {
    cursor: pointer;
}

.serivceregistbox .registbox .check a {
    color: #de0010;
}

.serivceregistbox .registbox .img-ver input {
    width: 210px;
}

.serivceregistbox .registbox .yzm input {
    width: 180px;
}

.serivceregistbox .registbox .registbtn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    background: #e73f48;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    margin-top: 25px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    font-weight: bold;
    font-family: " ", " ", "宋体", Arial, sans-serif;
}

.serivceregistbox .registbox .registbtn:hover {
    background: #DF2F33;
}

.header-top-conceal-nav .sub-nav-inner .nav-content {
    width: 1289px;
}

/*解决日期选择器月份和年份不对齐*/
#ui-datepicker-div .ui-datepicker-title{display: flex;}