@charset "utf-8";

/* CSS Document */


/**************************************tips提示条样式***************************************/

.tips_tip {
    position: absolute;
    z-index: 10002;
    left: 50%;
}
.tips_tip .tips_tip_pointer, .tips_tip .tips_tip_pointer2 {
    width: 0;
    height: 0;
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.tips_tip .tips_tip_pointer {
    top: 14px;
    left: -5px;
    border-right: 5px solid #fbbfbf;
}
.tips_tip .tips_tip_pointer2 {
    top: 14px;
    left: -3px;
    border-right: 5px solid #ffebeb;
}
.tips_tip .tips_tip_content {
    background: #ffebeb;
    border: 1px solid #fbbfbf;
    color: #e54c49;
    padding: 10px;
    font-size: 12px;
    max-width: 220px;
}

/* 激活账户 */
.pt30 {
    padding-top: 30px;
}
.pd_tb45 {
    padding: 45px 0;
}
.pd_tb45 i {
    background: url(https://personal.glocalme.com/static/index/img/system_img/iconHub.png) no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: -69px -442px;
    vertical-align: middle;
    margin: -4px 10px 0 0;
}
.mb50 {
    margin-bottom: 50px;
}
.mb100 {
    margin-bottom: 100px;
}
.main1120{
    width: 1120px;
    margin: 0 auto;
}
/*一些简单的按钮，跳转链接*/
.href_tit{
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.href_tit a{
    color: #333;
    display: inline-block;
    padding-left: 30px;
    position: relative;
}

.href_tit a:hover{
    color: #69b046;
}

.triangle-left:before{
    width: 20px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    color: #777;
    font-size: 28px;
    font-weight:normal;
    content: "<";
}
.triangle-left:hover:before{
    color: #69b046;
}

.ActiveAccount_content p{
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 30px;
}

.w450{
    width: 450px;
    margin: 0 auto;
    display: block;
}

.text-left{
    text-align: left!important;
}

.btn_green{
    background:#69b046;
    color: #fff;
    text-align: center;
    height: 55px;
    line-height: 55px;
    width: 446px;
    display: inline-block;
}

.btn_green:hover{
    background:#5d9c3e;
    color: #fff;
}

.btn_green_border:hover{
    background:#69b046;
    color: #fff;
}

.btn_green_border:active,.btn_green_border{
    background: #fff;
    border: 1px solid #69b046;
    color: #69b046;
}

/* 通用提示框样式 */
.common_layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(171,171,171,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cababab,endColorstr=#4cababab);
    z-index: 999;
    display: none;
}
.common_dialog {
    position: relative;
}
.common-content {
    width: 380px;
    height: 340px;
    background: #fff;
    border-radius: 8px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.common-header {
    text-align: right;
}
.common-header button.close {
    background: #fff;
    border: none;
    font-size: 30px;
    color: #666;
    padding: 3px 10px 7px;
    border-top-right-radius: 8px;
}
.common-header button.close:hover {
    cursor: pointer;
}
.common-body {
    width: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}
.common-body .msg_content {
    width: 90%;
    max-height: 100px;
    margin: auto;
    overflow: auto;
    word-wrap: break-word;
    word-break: break-all;
}
.select_msg_content {
    width: 90%;
    text-align: left;
    margin: auto;
    overflow: auto;
    word-wrap: break-word;
    /*word-break: break-all;*/
}
.common-footer {
    position: absolute;
    bottom: 30px;
    left: 80px;
}
.common-footer button {
    padding: 5px 0;
    cursor: pointer;
    border-radius: 5px;
    width: 80px;
}
.common-footer button.btn_sure {
    background: #6bbb46;
    color: #fff;
    border: 1px solid #6bbb46;
    margin-right: 60px;
}
.common-footer button.btn_cancel {
    background: #fff;
    color: #999;
    border: 1px solid #d8d8d8;
}
#notice_box .common-header button.close {
    background: #6bbb46;
    color: #fff;
    position: absolute;
    right: 0;
    z-index: 1;
}
#notice_box .common-header h4.common-title {
    position: absolute;
    top: 0;
    width: 100%;
    height: 51px;
    line-height: 50px;
    text-align: center;
    background: #6bbb46;
    font-weight: normal;
    color: #Fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#notice_box .common-body {
    text-align: left;
    padding-top: 50px;
}
#notice_box .notice_content {
    padding: 0 10px;
    max-height: 150px;
    overflow: auto;
    /*text-indent: 2em;*/
}

#selectCountry_box .common-footer,
#selectCountryOld_box .common-footer {
    left: 19px;
    width: 90%;
}
#selectCountry_box .common-footer button,
#selectCountryOld_box .common-footer button {
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
}
#selectCountryOld_box {
    z-index: 998;
}
.common-body .select_tips {
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    line-height: 20px;
}
.common-header .title-content {
    text-align: center;
    padding-top: 25px;
}
.common-body .select_area {
    position: relative;
}
.common-body .select_area .show_country {
    width: 310px;
    height: 31px;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    background: #fff;
    cursor: pointer;
    padding-left: 20px;
}
.common-body .select_area .triangle_icon:before {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #69b046;
    content: "";
    position: absolute;
    bottom: 18px;
    right: 40px;
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.common-body .select_area .triangle_icon.rotate:before {
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.common-body .select_area .country_listbox {
    position: absolute;
    right: 19px;
    top: 46px;
    width: 340px;
    max-height: 180px;
    border: 1px solid #d7d7d7;
    overflow: auto;
    background: #fff;
    z-index: 111;
    text-align: left;
    display: none;
}
.common-body .select_area .country_listbox li {
    line-height: 30px;
    padding: 0 17px;
    font-size: 16px;
    cursor: pointer;
    background: #fff;
}
/*.common-body .select_area .country_listbox li:hover {
    background: #6bbb46;
    color: #fff;
}*/
.hide {display: none;}

/*弹窗登录样式*/
.loginlayer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0);
    filter: alpha(opacity=0);
    z-index: 999;
    display: none;
}
.loginbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 410px;
    height: 50%;
    min-height: 450px;
    max-height: 500px;
    margin: auto;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    -webkit-box-shadow: 0 0 10px -3px #000000;
       -moz-box-shadow: 0 0 10px -3px #000000;
            box-shadow: 0 0 10px -3px #000000;
}
.loginbox .close {
    background-color: #fff;
    font-size: 20px;
    color: #999;
    margin-right: 10px;
    cursor: pointer;
    border: none;
}
.loginbox .lay_tab_login {
    padding: 20px 0;
    border-bottom: 1px solid #d8d8d8;
}
.loginbox .lay_tab_login a {
    width: 50%;
    text-align: center;
    float: left;
    text-decoration: none;
    line-height: 16px;
    color: #7a7a7a;
}
.loginbox .lay_tab_login a:first-child {
    border-right: 1px solid #d8d8d8;
    box-sizing: border-box;
}
.loginbox .lay_tab_login a.active {
    color: #6bbb46;
}
#lay_email_loginform {display: none;}

.lay_loginform p input.lay_mb_telpre {
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px 0 0 3px;
    text-align: center;
    height: 26px;
    border: 1px solid #d8d8d8;
}
.lay_loginform p .lay_right_box {
    display: block;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
}
.lay_loginform p .lay_mb_country {
    padding-left: 100px;
    border: 1px solid #d7d7d7;
    background: #fff;
    font-size: 16px;
    width: 249px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
.lay_loginform p.transform:before {
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid #69b046;
    content: "";
    position: absolute;
    bottom: 16px;
    right: 20px;
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;  /* Firefox 4 */
    -webkit-transition: all 0.4s ease 0s;   /* Safari 和 Chrome */
    -o-transition: all 0.4s ease 0s;    /* Oper */
}
.lay_loginform p.transform.rotate:before {
    transform: rotate(180deg);
    transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;  /* Firefox 4 */
    -webkit-transition: all 0.4s ease 0s;   /* Safari 和 Chrome */
    -o-transition: all 0.4s ease 0s;    /* Oper */
    -moz-transform: rotate(180deg); /* Firefox */
}
.lay_mobile_box {
    position: relative;
    z-index: 1;
}
.lay_mobile_box .lay_country_box {
    position: absolute;
    right: 29px;
    top: 41px;
    width: 268px;
    border: 1px solid #d7d7d7;
    height: 220px;
    overflow: auto;
    background: #fff;
    z-index: 111;
    display: none;
}
.lay_country_box ul li {
    line-height: 27px;
    font-size: 16px;
    cursor: pointer;
    padding: 0 12px;
    background: #fff;
}
/*.lay_country_box ul li:hover {
    background: #6bbb46;
    color: #fff;
}*/
.lay_loginform {
    position: relative;
}
.lay_loginform p.lay_centerbox {
    margin: 0 auto 20px;
    width: 350px;
    color: #7d7d7d;
    position: relative;
}

.lay_loginform div.mt35,
.lay_loginform p.mt35 {
    margin-top: 35px;
}
.lay_loginform p input.text {
    border: 1px solid #d8d8d8;
    padding: 10px 31px;
    background: #fff;
    width: 265px;
    font-size: 16px;
    height: 20px;
    padding-left: 52px;
}
.icon_user, .icon_error, .icon_pwd, .icon_clean, .icon_checkbox, .icon_register {
    background: url(https://personal.glocalme.com/static/index/img/system_img/iconHub.png) no-repeat;
}
.lay_loginform .icon_error {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -134px -368px;
}
.lay_loginform .icon_user {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -541px 0;
}
.lay_loginform .icon_pwd {
    display: inline-block;
    width: 15px;
    height: 20px;
    background-position: -408px -76px;
}
.lay_loginform .icon_clean {
    width: 15px;
    height: 14px;
    background-position: -475px -152px;
}
.lay_loginform .icon_box {
    display: inline-block;
    height: 40px;
    line-height: 50px;
    width: 40px;
    border: 1px solid #d8d8d8;
    text-align: center;
    background: #f4f4f4;
    position: absolute;
}
.lay_loginform .lay_loginerror {
    background: #ffebeb;
    border: 1px solid #fbbfbf;
    color: #e54c49;
    margin: 0 auto;
    width: 350px;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    position: absolute;
    top: -28px;
    left: 30px;
    z-index: 10;
}
.lay_loginform .clean {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 11px;
}
.lay_loginform .autologin {
    font-size: 14px;
}
.lay_loginform .icon_checkbox {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -202px 0;
    margin-right: 5px;
}
.lay_loginform .icon_checkbox.active {
    background-position: -202px -76px;
}
.lay_loginform .other_link {
    margin: 0 auto 20px;
    width: 310px;
}
.lay_loginform .icon_register {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -69px -368px;
    vertical-align: bottom;
}
.lay_loginform .register {
    color: #6bb04d;
    text-decoration: none;
    font-size: 14px;
}
/****************密码错误样式check_error****************/
.lay_loginform .check_error .icon_pwd {
    background-position: -408px 0;
}
.lay_loginform .check_error .icon_box, .lay_loginform .check_error .text {
    border: 1px solid #e54c49;
}
.lay_loginform .check_error .icon_box {
    background: #ffebeb;
}
/****************密码错误样式 end***********/
.link, .link:link {
    color: #666;
    font-size: 14px;
    text-decoration: none;
}
.lay_logon_btn {
    display: block;
    background: #6bb04d;
    color: #fff;
    font-size: 16px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    width: 100%;
    border: 0 none;
}
.lay_logon_btn:hover {
    background: #63a247;
}
.lay_logon_btn:active {
    background: #6bb04d;
}
.logon_footer {
    padding: 18px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
    /*border-top: 1px solid #d8d8d8;*/
    /*border-bottom: 1px solid #d8d8d8;*/
}
.fl {float: left;}
.fr {float: right;}


/*加载样式*/
.loadProgress {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    text-align: center;
    display: none;
}
.loadProgress img {
    top: 50%;
    margin-top: -32px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
}
.mb20 {
    margin-bottom: 20px;
}

.common_country_box .common_country_list li.selected {
    background: #6bbb46;
    color: #fff;
}

.close_before:before {
    display: none;
}