@charset "utf-8";
html{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}
body{margin:0;font-size:1.4rem;line-height:1.5;color:#333;background-color:#19264a;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;cursor:default}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
svg:not(:root){overflow:hidden}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#ea5381}
a:active{outline:0}
a:active{color:#069}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;vertical-align:middle}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto;resize:vertical}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
button,html,input,select,textarea{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}
dd,dl,li,ol,ul{margin:0;padding:0}
ol,ul{list-style:none outside none}
h1,h2,h3{line-height:2;font-weight:400}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
input::-moz-placeholder,textarea::-moz-placeholder{color:#CFC6C3;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#CFC6C3; }
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#CFC6C3;}
.fl,.fr{display:inline;float:left}
@font-face {
    font-family: 'Kanit';
    src: url(https://static.dummyupdate.com/css/web/dummy-trade/login/fonts/Kanit-Regular.ttf);
}
@media screen and (min-width: 300px) and (max-width: 320px){
    html{
        font-size: 40px!important;
    }

}
@media screen and (min-width: 768px) and (max-width: 770px){
    html{
        font-size: 87px!important;
    }

}
*{
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
body, html{
    height: 100%;
    font-family: 'Kanit', Arial;
    /*overflow: hidden;*/
}

i{
    font-style: normal;
}
a{
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}
.fl,.fr{display:inline;float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
[class*=btn],[class*=ico]{display:block;background-repeat:no-repeat;background-size:100% 100%}
[class*=ico]{ display: inline-block; }
.bg{background-repeat:no-repeat;background-size:100% 100%}
.df{display:flex;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center}
.pup{top:50%;left:50%;background-repeat:no-repeat;background-size:100% 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:102}
.btn-common{width:100%;height:.94rem;background:#fff69a;background:-o-linear-gradient(#fff69a,#ffc060);background:linear-gradient(#fff69a,#ffc060);text-shadow:0 .02rem 0 #ffefa9;font-weight:700;font-size:.42rem;color:#d9701a;text-align:center;line-height:.94rem;border:.02rem #bd275a solid;-webkit-border-radius:.5rem;border-radius:.5rem}
.btn-download{margin-top:.15rem;width:100%;height:.94rem;background:#ffd5e1;background:-o-linear-gradient(#ffd5e1,#ff9aa6);background:linear-gradient(#ffd5e1,#ff9aa6);text-shadow:0 .02rem 0 #ffc6d5;font-weight:700;font-size:.42rem;color:#db386b;text-align:center;line-height:.94rem;border:.02rem #bd275a solid;-webkit-border-radius:.5rem;border-radius:.5rem}
.btn-download .ico-download{display:inline-block;margin-right:.05rem;width:.42rem;height:.43rem;background-image:url(https://static.dummyupdate.com/images/web/dummy-trade/login/ico_download.png);vertical-align:middle}
.btn-pink{padding:0 .15rem;height:.41rem;background:#fe5d81;background:-o-linear-gradient(#fe5d81,#e42d5d);background:linear-gradient(#fe5d81,#e42d5d);box-shadow:0 .02rem 0 #ccd9e3;font-weight:700;font-size:.2rem;color:#ffdd9a;text-align:center;line-height:.41rem;-webkit-border-radius:.1rem;border-radius:.1rem}
.thickdiv101{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;border:0 none;opacity:.8;filter:alpha(opacity=80);z-index:101}
.hide{display:none}

.container{
    padding: 0 .4rem;
}

.login_wrapper{
    position: absolute;
    width: 7.2rem;
    height: auto;
    min-height: 100%;
    background: url(https://static.dummyupdate.com/images/web/dummy-trade/login/common-bg.png) no-repeat top center;
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
}
.login_avatar{
    display: block;
    width: 2.2rem;
    height: 2.24rem;
    margin: .66rem auto 0.5rem;
}
.login_title{
    text-align: center;
    color: #fff;
    font-size: .38rem;
    text-shadow: -1px 1px 1px #445bc1, 1px 2px 1px #445bc4;
    font-family: Arial;
    font-weight: bold;
    margin-top: -.35rem;
}
.login_txt{
    font-size: .24rem;
    color: #aefcff;
    text-align: center;
    font-family: 'Kanit';
    margin-top: .25rem;
}
.login_case{
    margin: 0 auto;
    padding-bottom: .2rem;
    display: -webkit-flex;
    display: flex;
    background-color: #fffff8;
    border-radius:0 0  .12rem .12rem;
    font-family: 'Kanit';
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-align-items: center;
    align-items: center;
}
.login_case li{
    display: flex;
    display: -webkit-flex;
    width: 95%;
    border-bottom: .02rem solid #c7cfd6;
    padding-bottom: .1rem;  
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex:1;
    flex: 1;
}

.login_case li:last-of-type{
 border-bottom: none;
}
.login_case li .con-left{ width: 2.15rem; height: 100%;display: -webkit-flex;display: flex; -webkit-align-items: center; align-items: center; white-space: nowrap; margin: 0;}

.login_case li .con-left .icon{
    margin-left: 0;
    margin-right: .05rem;
    height: .42rem;
}
.login_case li .password-show{ top: 50%; right: 0; width: .42rem; height: .29rem; background-image: url("https://static.dummyupdate.com/images/web/dummy-trade/login/password_show_v2.png"); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.login_case li .password-show.hide{ display: block; background-image: url(https://static.dummyupdate.com/images/web/dummy-trade/login/password_hide_v2.png); }

.login_info{
    margin: 0;
    font-size: .32rem;
    color: #5ea6ff;
}
.input{
    width: 3rem;
    outline: 0;
    border: none;
    background: 0 0;
    height: 1rem;
    line-height: normal;
    color: #0063b0;
    font-size: .32rem;
    font-family: 'arial';
}
input::-webkit-input-placeholder{
    color:#c7cfd6;
}
input::-moz-placeholder{
    color:#c7cfd6;
}
input:-moz-placeholder{
    color:#c7cfd6;
}
input:-ms-input-placeholder{
    color:#c7cfd6;
}
.code_input{
    width: 1.4rem;
}
.question_icon{
    display: inline-block;
    width: .36rem;
    height: .36rem;
    background: url(https://static.dummyupdate.com/images/web/dummy-trade/login/question-icon-v2.png) no-repeat center;
    background-size: 100% 100%;
    margin-bottom: -.1rem;
    margin-left: .35rem;
}
.send{
    display: inline-block;
    color: #fff;
    font-size: .24rem;
    margin-right: 0;
    padding: .1rem .3rem;
    background: linear-gradient(#C0DEFF,#4EC6FE);
    border-radius: .3rem;
}
.login_btn{
    display: block;
    width: 6.3rem;
    height: .95rem;
    line-height: .95rem;
    border-radius: .47rem;
    border: .02rem solid #366cb4;
    background: linear-gradient(to bottom, #fff38d, #fdd768, #fbc450);
    font-size: .42rem;
    color: #d9701a;
    font-family: 'Kanit';
    text-align: center;
    /* padding-top: .12rem; */
    margin-top: .35rem;
    text-shadow: .01rem .01rem .01rem #fff38d;
}
.download_btn{
    display: block;
    width: 5.8rem;
    height: .95rem;
    line-height: .95rem;
    border-radius: .47rem;
    border: .02rem solid #366cb4;
    background: linear-gradient(#bfdeff, #4ec6fe);
    font-size: .42rem;
    color: #4584d2;
    font-family: 'Kanit';
    text-align: center;
    /* padding-top: .12rem; */
    margin-top: .25rem;
    text-shadow: .01rem .01rem .01rem #AAEBF9;
}
.download_btn .ico-download{ margin-right: .1rem; width: .42rem; height: .43rem; background-image: url(https://static.dummyupdate.com/images/web/dummy-trade/login/ico_download.png); vertical-align: middle; }
.contact_link{
    display: block;
    margin: .35rem auto;
    text-decoration: underline;
    text-align: center;
    font-size: .24rem;
    color: #79cbff;
}
.cover{
    width: 7.2rem;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    background-size: cover;
    position: absolute;
    top: 0;
}
.id_instruction{
    position: absolute;
    top: 0;
    width: 7.2rem;
    height: 12.25rem;
    background: url(https://static.dummyupdate.com/images/web/dummy-trade/login/id_instruction_v2.png) no-repeat center;
    background-size: 100% 100%;
}
.close_btn{
    width: .7rem;
    height: .7rem;
    display: block;
    background: url(https://static.dummyupdate.com/images/web/dummy-trade/login/close_btn01.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 6rem;
    margin-top: .8rem;
}


/* add */
.tips{
    position: absolute;
    width: 5.34rem;
    height: 1.34rem;
    border: .05rem solid #4077b6;
    background-color: #305094;
    border-radius: .1rem;
    top: 50%;
    left: 50%;
    margin-left: -2.67rem;
    margin-top: -.67rem;
    font-size: .28rem;
    color: #79cbff;
    text-align: center;
    /* line-height: 1.2rem; */
    letter-spacing: .01rem;
    font-weight: 400;
    padding: .2rem .3rem;
}
.sale_pup02{
    position: absolute;
    top: 3.1rem;
    width: 6.62rem;
    height: 4.3rem;
    background: url(https://static.dummyupdate.com/images/web/dummy-trade/login/sale-common-bg.png) no-repeat center;
    background-size: 100% 100%;
    left: .3rem;
}
.close_btn01{
    display: block;
    float: right;
    margin-right: .4rem;
    margin-top: .3rem;
    width: .34rem;
    height: .36rem;
    background: url(https://static.dummyupdate.com/images/web/dummy-trade/login/close-btn.png) no-repeat center;
    background-size: 100% 100%;
}

.border03{
    width: 5.65rem;
    height: 1.6rem;
    border: .02rem solid rgba(33, 41, 115, .7);
    border-radius: .1rem;
    padding-top: .01rem;
    margin-top: .9rem;
}
.hint_txt{
    text-align: left;
    /* padding-top: .3rem !important; */
}
.hint{
    word-wrap: break-word;
    word-break: break-all;
}
.buy_btn{
    display: block;
    margin-top: .4rem;
}
.result{
    display:flex;
    display:-webkit-flex;
    width: 5.6rem;
    height: 1.55rem;
    border-radius: .08rem;
    background: rgba(33, 41, 115, .7);
    font-size: .32rem;
    color: #79cbff;
    text-align: left;
    padding: 0 .44rem;
    text-align: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
}
.buy_btn{
    width: 2.6rem;
    height: .8rem;
    line-height: .8rem;
    border-radius: .4rem;
    display: block;
    font-size: .52rem;
    background: linear-gradient(to bottom, #fff088,  #fddb6d, #fbc551, #fcc856);
    border: .01rem solid #3b71b5;
    text-align: center;
    color: #d9701a;
    background: linear-gradient(to bottom, #fff088, #fddd6f, #fcc855);
    text-shadow: .01rem .015rem .01rem #feee91;
}

.login_tel,
.login_code{
    position:relative;
}
.login_tel .ico_necessary,
.login_code .ico_necessary{ margin: 0; color:#FF003D; font-size:.3rem;}

.btn-list{ margin: 0 auto; width: 100%; -webkit-justify-content: space-between; justify-content: space-between; }
.btn-list a{ margin:.35rem 0 0 0; }

.sale_btn, .cancel_btn, .confirm_btn{
    display: inline-block;
    width: 2.68rem;
    height: .8rem;
    border: .02rem solid #366cb4;
    border-radius: .4rem;
    font-size: .38rem;
    line-height: .75rem;
    text-align: center;
    vertical-align: middle;
    margin-top: -.35rem;
}
.sale_btn, .confirm_btn{
    margin-left: .4rem;
    background: linear-gradient(to bottom, #fff088,  #fddb6d, #fbc551, #fcc856);
    text-shadow: .01rem .015rem .01rem #feee91;
    color: #d9701a;
}
.cancel_btn{
    color: #1f4fb2;
    background: linear-gradient(to bottom, #baddff, #8dd3ff, #59c8fe);
    text-shadow: .01rem .015rem .01rem #9de5fa;
    margin-left: .1rem;

}

.tab-list {
    margin: .5rem auto 0;
    width: 100%;
    height: .7rem;
    background: #5EA6FF;
    border-radius: .2rem .2rem 0 0;
}

.tab-list [class*="tab-0"] {
    position: relative;
    height: 100%;
    flex: 1;
    background: transparent;
    border: none;
    font-size: .3rem;
    color: #bee6ff;
    font-weight: bold;
    border-radius: .2rem 0 0 0;
}
.tab-list  [class*="tab-0"].active{
    color: #5ea6ff;
}

.tab-list .tab-01.active::after {
    content: "";
    position: absolute;
    top: .01rem;
    left: 0;
    width: 3.56rem;
    height: .7rem;
    background: url("https://static.dummyupdate.com/images/web/dummy-trade/login/bg_tab_01_active.png") no-repeat;
    background-size: 100% 100%;
}
.tab-list .tab-02.active::after {
    content: "";
    position: absolute;
    top: .01rem;
    right: 0;
    width: 3.56rem;
    height: .7rem;
    background: url("https://static.dummyupdate.com/images/web/dummy-trade/login/bg_tab_02_active.png") no-repeat;
    background-size: 100% 100%;
}
.tab-list .tab-01 .icoPhone{
    display: inline-block;
    position: relative;
    top: .04rem;
    margin-right: .15rem;
    width: .25rem;
    height: .31rem;
    background-image: url("https://static.dummyupdate.com/images/web/dummy-trade/login/ico_tab_01_01.png");
}
.tab-list .tab-01.active .icoPhone{
    background-image: url("https://static.dummyupdate.com/images/web/dummy-trade/login/ico_tab_01_02.png");
}
.tab-list .tab-02 .icoID{
    display: inline-block;
    position: relative;
    top: .04rem;
    margin-right: .15rem;
    width: .32rem;
    height: .29rem;
    background-image: url("https://static.dummyupdate.com/images/web/dummy-trade/login/ico_tab_02_01.png");
}
.tab-list .tab-02.active .icoID{
    background-image: url("https://static.dummyupdate.com/images/web/dummy-trade/login/ico_tab_02_02.png");
}

.tab-list .text {
    z-index: 2;
}

.showCode{
    padding: .05rem .1rem;
    margin: .15rem auto;
    width: 96%;
    font-size: .22rem;
    color: #94b8e0;
    background: #DAEDFF;
    text-align: center;
    border-radius: .08rem;
    box-sizing: border-box;
    line-height: 1;
}
.showCode .text{
    width: 90%;
}
.showCode .ico-arrow{
    width: .3rem;
    height: .3rem;
    background-image: url(https://static.dummyupdate.com/images/web/dummy-trade/login/ico_show.png);
    flex-shrink: 0;
}
.showCode.codeHide .ico-arrow{
    transform: rotate(180deg);
}
#codeIpt {
    display: none;
    height: 1rem;
}
#codeIpt.codeHide{
    display: flex;
}