.hide {
    display: none
}

.oversea-page {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: scroll;
    background: #fff
}

.page-content {
    padding: 0 28px
}

.page-title {
    line-height: 40px;
    color: #000;
    font-size: 40px;
    margin: 36px 0 24px
}

.gray-background {
    background-color: #f7f7f9
}

.search-wrap {
    background-size: 28px 28px;
    margin-top: 24px;
    border-bottom: 1px solid #dedfe0;
    position: relative
}

.search {
    background: 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    border: none;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

.search.placeholder {
    position: absolute;
    top: 0;
    left: 0;
    color: #777;
    z-index: -1
}

.search.placeholder img {
    width: 28px;
    vertical-align: top
}

.country-list {
    padding: 0;
    list-style: none
}

.country-list li {
    color: #000;
    font-size: 22px;
    line-height: 22px;
    margin: 24px 0
}

.section-header {
    color: #777;
    line-height: 14px;
    font-size: 14px;
    margin: 16px
}

.navigator {
    margin-top: 30px
}



.navigator-title {
    font-size: 36px
}

.qui-dialog-box {
    position: fixed;
    z-index: 100;
    top: 50%;
    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%);
    background-color: #fff;
    width: 296px;
    color: #000;
    border-radius: 3px;
    border-top: 4px #12b7f5 solid
}

.qui-dialog-box a {
    color: #12b7f5
}

.qui-dialog-content {
    font-size: 16px;
    line-height: 1.5;
    padding: 24px
}

.qui-dialog-bottom {
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    border-top: 1px solid #e1e2e6
}

.qui-dialog-mask,.qui-loading-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000;
    z-index: 99;
    top: 0;
    left: 0
}

.clear,.clear button {
    height: 55px;
    border: none
}



.qui-input-group {
    text-align: left;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    color: #000;
    display: table;
    margin-bottom: 35px
}

.qui-input-item {
    display: table-row;
    width: 100%
}

.qui-input-wrap {
    display: table-cell;
    position: relative
}

.qui-input-item input {
    border: none;
    height: 55px;
    font-size: 22px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    color: #000;
    outline: 0;
    width: 100%
}

.qui-input-item>* {
    border-bottom: 1px solid #e1e2e6!important
}

.qui-input-title {
    padding: 0 24px 0 12px;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    text-align: right
}

.qui-input-content {
    display: table
}

.qui-button-main {
    margin: 12px 0;
    border-radius: 4px;
    line-height: 40px;
    font-size: 18px;
    text-align: center
}

.qui-button-primary {
    color: #fff;
    background-color: #12b7f5
}

.qui-button-primary:active,.qui-button-primary:hover {
    background-color: #0e98cb
}

.qui-button-primary.weak {
    border: 1px solid #12b7f5;
    color: #12b7f5;
    background-color: #fff
}

.qui-button-primary.weak:active,.qui-button-primary.weak:hover {
    border-color: #0e98eb;
    color: #0e98cb
}

.qui-button-primary.weakest {
    color: #12b7f5;
    background-color: #fff;
    border: none
}

.clear {
    position: absolute;
    top: 0;
    right: 0
}
.page_header_upice {
    padding: 40px 30px 30px;
    position: relative;
}

.logo_upice {
    text-align: center;
}

.logo_upice img {
    width: 99px;
    height: 99px;
}

.title_upice {
    color: #333;
    font-size: 18px;
    line-height: 1;
    margin-top: 16px;
    font-weight: 400;
    text-align: center;
}

.page_header.fixed{
    padding: 10px 0 10px 27.5px;
}

.page_header.fixed h2{
    margin-top: 10px;
}

.btn,a{text-decoration:none}body,button{font-size:16px}body,input{width:100%;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}.btn,body,button,input{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}.btn,.header .nick,.usernick,.userqq{text-overflow:ellipsis}*{margin:0;padding:0}html{overflow-x:auto}body{background:#fff;position:absolute;height:100%;color:#555;-webkit-user-select:none;-webkit-user-drag:none;-webkit-text-size-adjust:none;overflow:scroll}button{border:none}.api_list,.control,button,input{-webkit-tap-highlight-color:rgba(255,255,255,0)}li{list-style:none}.hide{display:none}.inner_wrap{position:relative;border-bottom:1px solid #dedfe0}.inner_wrap.show_clear{padding-left:44px}.show_clear input{margin-left:-44px;padding-right:36px;pointer-events:none}.show_clear .clear{display:block}#imgVerify,.input_wrap_code,.verify_show{display:inline-block}input{border:none;height:55px;font-size:22px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-appearance:none;color:#000;outline:0}#verifycode{margin-left:0}.input_pwd{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.clear{position:absolute;top:0;right:0;border:none;height:55px}.clear button{padding:17.5px 0;width:20px;height:55px;background-image:url(//imgcache.qq.com/ptlogin/v4/style/42/images/CLOSE.png?v=20161223);background-repeat:no-repeat;background-color:#fff;background-position-y:17.5px}.active .clear{background-color:#9b9b9b}.input_wrap_code{width:30%}.verify_code{margin-top:13px}.verify_show{float:right;margin-right:5px}#imgVerify{width:103px;height:42px;vertical-align:bottom}#verifytip{font-size:14px;color:#418cf0}#verifytip.active{color:#1670eb}.page_header{display:none;position:relative;background:#fff}.auth_logo{display:inline-block;height:43px;width:100px;float:left;background:url("//imgcache.qq.com/ptlogin/v4/style/42/images/01_qq_logo.png?v=20161223");background-size:100px 43px}.api_list,.control,.cookie_login{background:#fff;position:relative}.page_header h1{display:inline-block;margin-left:9px;font-size:32px;line-height:43px;font-weight:400;color:#000}.page_header p{position:absolute;right:10px;bottom:10px;font-size:10px}.page_content{padding:0 27.5px;background:#fff}.cookie_login{border:1px solid #c6c6c6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:14px;-webkit-box-shadow:0 1px 1px #d9d9d9;-moz-box-shadow:0 1px 1px #d9d9d9;box-shadow:0 1px 1px #d9d9d9}.useravatar{float:left;border:1px solid #d9d9d9;padding:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;vertical-align:top}.useravatar img{display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:49px;height:49px}.userinfo{margin-left:63px;height:53px}.userqq{margin-top:3px;color:#bbb}.usernick,.userqq{line-height:20px;word-wrap:break-word;word-break:break-all;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis}.authorized_form_list{padding-top:50px;font-size:14px}.authorized_form_list>p{margin-bottom:9px;text-indent:1px}.api_list,.control{border:1px solid rgba(0,0,0,.1);-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-box-shadow:0 1px rgba(255,255,255,.2);-moz-box-shadow:0 1px rgba(255,255,255,.2);box-shadow:0 1px rgba(255,255,255,.2)}.api_list{border-bottom:none}.hidecontrol .api_list{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.control{border-top-color:rgba(0,0,0,.1);-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;text-align:center;line-height:40px}.hidecontrol .control{display:none}#controlText{margin-left:6px}.show_all{display:inline-block;width:17px;height:17px;background:url("//ui.ptlogin2.qq.com/style/35/images/icon.png?v=2013031101") 1px -17px;background-size:35px 84px;vertical-align:middle}.up .show_all{margin-top:-5px;background:url("//ui.ptlogin2.qq.com/style/35/images/icon.png?v=20130311017") 0 -33px;background-size:35px 84px}.api_list li{border-top:1px solid rgba(0,0,0,.1);padding-left:8px;line-height:40px}.api_list li.active{background:rgba(0,0,0,.03)}.api_list li:first-child{border-top:none;padding-top:1px}.ico_authorize{display:inline-block;position:relative;top:2px;margin-right:3px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;width:15px;height:15px;background-color:#c8c8c8;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(0,0,0,.15)}li.selected .ico_authorize{background-color:#5cb232;background-image:url("//ui.ptlogin2.qq.com/style/35/images/icon.png?v=2013031101");background-size:35px 84px;background-position:-1px -1px;background-repeat:no-repeat;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}li.disabled .ico_authorize{background-color:#a1a1a1}.btn{display:block;border:1px solid;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:35%;height:40px;background:#12b8f6;overflow:hidden;font-size:18px;
line-height:40px;color:#fff;text-align:center;cursor:pointer}#onekey{display:none}.btn_lightgreen{margin-top:9px}.btn_white{border-color:#838a96;background:#9fa6af;background:-webkit-gradient(linear,left top,left bottom,from(#9fa6af),to(#a2a8b1));background:-webkit-linear-gradient(top,#9fa6af,#a2a8b1);background:-moz-linear-gradient(top,#9fa6af,#a2a8b1);background:-ms-linear-gradient(top,#9fa6af,#a2a8b1);background:-o-linear-gradient(top,#9fa6af,#a2a8b1);background:linear-gradient(top,#9fa6af,#a2a8b1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fa6af', endColorstr='#a2a8b1', GradientType=0);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px 1px rgba(255,255,255,.2);-moz-box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px 1px rgba(255,255,255,.2);box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px 1px rgba(255,255,255,.2)}.btn_white_active{background:#8e96a0;background:-webkit-gradient(linear,left top,left bottom,from(#8e96a0),to(#9fa6af));background:-webkit-linear-gradient(top,#8e96a0,#9fa6af);background:-moz-linear-gradient(top,#8e96a0,#9fa6af);background:-ms-linear-gradient(top,#8e96a0,#9fa6af);background:-o-linear-gradient(top,#8e96a0,#9fa6af);background:linear-gradient(top,#8e96a0,#9fa6af);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e96a0', endColorstr='#9fa6af', GradientType=0);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px 1px rgba(0,0,0,.12);-moz-box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px 1px rgba(0,0,0,.12);box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px 1px rgba(0,0,0,.12)}.btn_group{margin:30px 0 0;text-align:right}.msgbox .text,.page_footer,.q_logon_list{text-align:center}.btn_login{display:inline-block;width:62.5%}.btn_cancel{display:inline-block;float:left;width:32.5%}#authframe,#download-area-pad,#qlogin_entry,#switch,#zc_feedback,.copyright,.download-bottom,.hidecancel .btn_cancel,.login_form_panel,.new_vcode,.qrlogin,.title,h2{display:none}.hidecancel .btn_login,.mask{width:100%}.page_footer{margin:20px auto 15px;font-size:12px;line-height:24px}.page_footer a{color:#555}.msgbox,.msgbox a,.msgbox a:visited{color:#fff}.mask{position:absolute;top:0;left:0;height:100%;background:#919191;opacity:.5;filter:alpha(opacity=50);z-index:99}.msgbox{position:fixed;top:10px;left:10px;right:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:18px;background:rgba(0,0,0,.5);z-index:100}.msgbox .btn{border-color:#000;background:-webkit-gradient(linear,left top,left bottom,from(rgba(92,93,93,.7)),to(rgba(57,59,59,.7)));background:-webkit-linear-gradient(top,rgba(92,93,93,.7),rgba(57,59,59,.7));background:-moz-linear-gradient(top,rgba(92,93,93,.7),rgba(57,59,59,.7));background:-ms-linear-gradient(top,rgba(92,93,93,.7),rgba(57,59,59,.7));background:-o-linear-gradient(top,rgba(92,93,93,.7),rgba(57,59,59,.7));background:linear-gradient(top,rgba(92,93,93,.7),rgba(57,59,59,.7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5d5d', endColorstr='#393b3b', GradientType=0);-webkit-box-shadow:inset 0 0 0 1px #666;-moz-box-shadow:inset 0 0 0 1px #666;box-shadow:inset 0 0 0 1px #666}.msgbox.alert .btn.ok{margin:0 auto;width:75%;height:38px;line-height:38px}.content{width:270px;margin:35px auto 0;padding:25px 4%;border-radius:8px;border:1px solid #99bbcd;font-size:14px;background:-webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#F6FCFF));background:-moz-linear-gradient(top,#FFF,#F6FCFF);background:-o-linear-gradient(top,#FFF,#F6FCFF);-webkit-box-shadow:1px 1px 10px rgba(172,203,229,.75);box-shadow:1px 1px 10px rgba(172,203,229,.75)}.hidecontrol .api_list li:last-child{border-bottom:1px solid rgba(0,0,0,.1)}#page_footer.no_auth{width:80%}.new_vcode{width:100%;height:100%}.bottom_link{margin-top:15px;height:19px}.bottom_link a{color:#12b7f5;font-size:14px}.q_logon_list{padding:25px 0}.header{display:inline-block}.header img{border-radius:50%;width:70px;height:70px}.header .nick{-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:90px;display:block}