.login-apph5-box{height: 100%;background: #ffffff;}


.login-warp{padding: 2.65rem 1.5rem}
.login-warp .login-li-first{border-top: 1px solid #ededed;}
.login-warp .login-li{position: relative;display: -webkit-box;-webkit-box-flex: 1;display: flex; align-items: center;border-bottom: 1px solid #ededed;padding: 1.125rem 0;font-size: 0.91rem;color: #000000;}
.login-warp .login-li span{margin-right: 1rem;}
.login-warp .login-li .mp_input{width: 80%;font-size: 0.875rem;line-height: 1rem; height: 1rem;outline: 0;border: none}
.login-warp .login-li .check-btn{background: #f2f2f2; color: #0bae58;width: 5.875rem;height: 1.81rem;line-height: 1.81rem;-webkit-appearance:none;font-size: 0.75rem;}
.login-warp .login-li .mp_input::-webkit-input-placeholder{color: #bdbdbd;}

.imgCodeBox{background: #f2f2f2;width: 5.875rem;height: 1.81rem;}
.imgCodeBox img{width: 100%;height: width: 100%;}

.l-btn-box .btn_submit{width:10.375rem;height: 2.15rem;display: block; color: #bfbfbf;background: #f1f1f1;line-height: 2.15rem;font-size: 0.75rem;margin: 3rem auto 0;}
.l-btn-box .btn_submit-login{width: 10.375rem;height: 2.1875rem;display: block; color: #c1c1c1;background: #f1f1f1;line-height: 2.1875rem;font-size: 0.75rem;margin: 1.5rem auto;}

.xieyi{font-size: 0.75rem;color: #888888;text-align: center;;margin-top: 1.5rem;display: flex;align-items: center;justify-content: center;}
.xieyi a{color: #007bce}
.xieyi .check-xieyi{margin-right: 0.5rem;}
.icon-check{display: inline-block;width: 0.875rem;height: 0.875rem;margin-right: 0.5rem; margin-top: -0.1rem;}
.icon-check-true{background: url(//static.ktkt.com/appH5/icon-check-true.png) no-repeat center;background-size: contain;}
.icon-check-false{background: url(//static.ktkt.com/appH5/icon-check-false.png) no-repeat center;background-size: contain;}

.l-thirdParty-box{margin-top: 2rem;}
.other-login-type{display: flex;align-items: center;justify-content: space-around;margin: 1.5rem;}
.other-login-type .line{border-top: 1px solid #ededed;width: 7rem;height: 1px;}
.s-other{margin: 0 0.56rem;display: inline-block;font-size: 0.75rem;color: #666666;}
.l-thirdParty{width: 10rem;display: flex;justify-content: space-between;margin: 0 auto;}
.l-thirdParty-box .tpbox .icon{display: inline-block;width: 1.21rem;height: 1.25rem;vertical-align: middle;margin-top: -0.08rem;}
.l-thirdParty-box .tpbox .icon img{width: 100%;height: 100%;}
.l-thirdParty-box .tpbox p{font-size: 0.75rem;color: #999999;line-height: 0.75rem;margin-top: 0.75rem;}
.l-thirdParty-box .wxbox .icon{width: 1.53rem;height: 1.25rem;}
.l-thirdParty-box .wbbox .icon{width: 1.53rem;height: 1.25rem;}

.more-login-box{margin-top: 3rem;}
.login-item{width: 19.19rem;height: 3.19rem;margin: 0 auto 1.18rem;border-radius: 0.5rem;display: flex;align-items: center;position: relative;}
.login-item-kt{border: 1px solid #c5c7f6;-moz-box-shadow:1px 1px 8px #C5C7F6; -webkit-box-shadow:1px 1px 8px #C5C7F6; box-shadow:1px 1px 8px #C5C7F6;}
.login-item-hexun{border: 1px solid #e8ced1;-moz-box-shadow:1px 1px 8px #e8ced1; -webkit-box-shadow:1px 1px 8px #e8ced1; box-shadow:1px 1px 8px #e8ced1;}
.login-item-sina{border: 1px solid #f1d4b7;-moz-box-shadow:1px 1px 8px #f1d4b7; -webkit-box-shadow:1px 1px 8px #f1d4b7; box-shadow:1px 1px 8px #f1d4b7;}
.login-item i{width: 1.5rem;height: 1.4rem;display:inline-block;margin-left: 3rem;margin-right: 0.875rem;}
.login-item i img{width: 100%;height: 100%;display: block;}
.login-item span{font-size: 0.875rem;}
.login-item-kt span{color: #3c7bc2;}
.login-item-hexun span{color: #9c1e14;}
.login-item-sina span{color: #f29e4b;}
.register{text-align: center;margin-top: 1.5rem;}
.register a{font-size: 0.75rem;color: #1f7bc8}
.login-tips-last{background: url(//static.ktkt.com/appH5/last-user-login-tips.png) no-repeat;width: 2.82rem;height: 1rem;background-size: contain;position: absolute;top: -0.5rem;right: 0rem; display: none;}



.weui-msg-bind{padding-top: 3rem;text-align: center;}
.weui-msg-bind .weui-msg_icon-area-bind{padding-bottom: 2.44rem;}
.weui-msg-bind .weui-icon_msg{font-size: 3rem;}
.weui-msg-bind .weui-msg_title{font-size: 1.1875rem;font-weight: normal;}

.go-personalCenter{width: 10.375rem;height: 2.15rem;line-height: 2.15rem;text-align: center;background: #00c260;color: #fff;font-size: 0.875rem;display: block;border-radius: 0.3rem;margin: 3rem auto 0;}
.go-teahome{width: 10.375rem;height: 2.15rem;line-height: 2.15rem;text-align: center;background: #ededed;color: #00c260;font-size: 0.875rem;display: block;border-radius: 0.3rem;margin: 1rem auto 0;}











.login-warp-bindphone{height: 5rem;}
.login-warp-newlogin{height: auto;padding-top: 0;}
.footer-newlogin{position: absolute;left: 0;right: 0;bottom: 0.5rem;margin: auto;}



.pageView .l-bottom-box{height: 6rem;}
.l-btn-box .ktwx_p{text-align: center;font-size: 0.3rem;color: #7e7e7e;margin-top: 3rem}
.l-btn-box .ktwx_p a{color: #0d0d0d;}
.foot_link_a{position: absolute;left: 0;bottom: 0.8rem;right: 0;text-align: center; color: #fc7061;font-size: 0.24rem;}
.foot_link_a a{color: #fc7061;}




/*login2页面样式-----xy*/
.login-warp .forget-password{color: #586c95;font-size: 0.75rem;margin-top: 0.38rem;}


.login-warp .p-olduser{font-size: 0.32rem;color: #000000;margin: 0.5rem 0;}
.login-warp .p-newuser{font-size: 0.32rem;color: #000000;margin:0.5rem 0 0.7rem 0;} 

.login-warp .l-mode-box{display: flex;justify-content: space-between;margin-bottom: 1rem}
.l-mode-box .btn-mode{text-align: center;margin: 0 auto;}
.l-mode-box .btn-mode i{display: inline-block;width: 0.8rem;height: 0.8rem;}
.l-mode-box .btn-mode i img{width: 100;height: 100%;}
.l-mode-box .btn-mode p{font-size: 0.28rem;color: #808080;}

.l-mode-box .weixin-login{margin: 0 auto;}
.old-user{text-align: center;margin-top: 5rem;}
.old-user-btn{font-size: 0.28rem;color: #0099ff;text-align: center}



/* 视频播放页样式 */
.page-body-player{background: #000}
.page-group .active{background: #232f61}
#J_title{color: #fff;font-size: 0.34rem;line-height: 1rem;padding-left: 0.3rem;height: 1rem;border-bottom: 1px solid #666;}
.playbox{width: 100%;height: 100%;overflow: hidden;display: block}
.not-player{height: 300px;width: 100%;text-align: center;display: none;margin-top: 1rem}
.not-player .title{font-size: 0.32rem;color: #ddc6a9;line-height: 0.8rem;}
.not-player .nostart{font-size: 0.32rem;color: #ddc6a9;line-height: 0.8rem;}
.not-player .time{font-size: 0.32rem;color: #ddc6a9;line-height: 0.8rem;}

/* 绑定手机页面 */

.page-View{width: 100%;height: 100%;padding: 0.15rem 0.5rem 0rem;background: #ffffff;margin-top: 0.15rem;}

.import-tel-head{margin-bottom: 1.1rem;margin-top: 0.68rem;}
.import-tel-head h2{font-size: 0.38rem;}
.import-tel-box{margin-bottom: 0.43rem;padding: 0 0.32rem;width: 100%;}
.tel-top{border-bottom: 1px solid #ededed;padding: 0.13rem 0;display: flex;}
.tel-left{font-size: 0.42rem;color: #808080;line-height: 0.6rem;border-right: 1px solid #ededed;padding-right: 0.12rem;}
.tel-top input{outline: none;line-height: 0.52rem;font-size: 0.42rem;color: #999999;margin-left: 0.18rem;border: 0;margin-top: 0.06rem;flex: 1}
.bind_explain{font-size: 0.24rem;color: #999999;margin-top: 0.18rem;}
.wrong_hint{color: #e70000;font-size: 0.24rem;height: 0.17rem;}
.bind_agreement{font-size: 0.22rem;color: #7e7e7e;text-align: center;margin-top: 0.4rem;}
.bind_agreement a{color: #0d0d0d;}

.code-top{display: flex;height: 0.68rem;margin-bottom: 0.22rem;}
.code-input{flex: 1;border: none;outline: none;border-bottom: 0.04rem solid #e8e8e8;text-align: center;width: 20%;font-size: 0.48rem;color: #808080;height: 0.68rem;}


.pass-top{display: block;font-size: 0;border-bottom: 1px solid #ededed;margin-bottom: 0.3rem;padding: 0.2rem 0;}
.pass-top input{font-size: 0.32rem;outline: none;border: none;width: 100%;margin:0;margin-bottom: 0.3rem;}


.mask {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 100;display: none;}
.popup{height: 10.625rem;width: 20.06rem;background: #fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 999;border-radius: 1rem;display: none;}
.popup p{padding: 2.43rem 2rem 1.87rem;font-size: 1.06rem;line-height: 1.56rem;color: #7f7f7f;border-bottom: 1px solid #e5e5e5;}
.popup-bom{height: 3.3rem;padding: 0 1rem;}
.popup-bom a{display: block;padding-top: 1rem;font-size: 1.06rem;color: #191919;width: 49%;text-align: center;}
.popup-bom span{display: block;border-right: 1px solid #e5e5e5;height: 3.3rem;}
.popup-bom  #J_telkefu{color: #586a95;}