.log_content{background: url(../images/log_bg.png) no-repeat top center/cover;padding: 6rem 0 11.5rem;}

.log_logo{width: 112rem;margin: 0 auto;position: relative;max-width: 100%;}
.log_logo .logo2{width: 60%;}

.log1.wrap{margin: 6.5rem auto 0;max-width: 120rem;background: rgba(255, 255, 255, .6);text-align: center;padding: 5.5rem 2rem 0;border-radius: 1rem;}
.log1 .title{margin: 0 0 3.9rem;color: #333;font-weight: bold;}
.log1 .box{width: 86rem;max-width: 100%;margin: 3.2rem auto 1rem;}
.log1 .item{width: calc(50% - 3rem);margin-bottom: 3rem;position: relative;}
.log1 .item input{width: 100%;height: 5rem;background: transparent;padding: 0 2rem;border-radius: 0;border: .1rem solid #dcdcdc;}
.log1 .item input::placeholder{color: #8c8c8c;}
.log1 .arrow{width: 5.2rem;position: absolute;right: 0;top: 0;height: 100%;z-index: 5;}
.log1 .arrow::before{content: '';display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);border-top: .7rem solid #8c8c8c;border-left: .6rem solid transparent;border-right: .6rem solid transparent;}
.log1 .hover_box{position: absolute;left: 0;right: 0;top: 100%;z-index: 10;background: rgba(255, 255, 255, .6);display: none;padding: .8rem 0 .8rem;border-radius: .5rem;}
.log1 .hover_box p{padding: 0 2rem;line-height: 1.8em;color: #555;}
.log1 .send_code,.log1 .pic_code{width: 10rem;line-height: 5rem;height: 5rem;color: #fff;background: #1346e9;border-radius: .6rem;float: right;text-align: center;position: relative;overflow: hidden;}
.log1 .send_code.disabled{background: #8c8c8c;cursor: not-allowed;}
.log1 .send_code ~ input,.log1 .pic_code ~ input{width: calc(100% - 11rem);margin-right: 1rem;}
.log1 .pic_code img{width: 100%;height: 100%;border-radius: .6rem;display: block;cursor: pointer;position: absolute;left: 0;top: 0;}

.log1 .bottom{justify-content: center;padding: 0 0 4.5rem;}
.log1 .bottom .btn{width: 16rem;height: 5rem;line-height: 5rem;text-align: center;margin: 0 .5rem;border-radius: 1rem;display: block;border: .1rem solid #233aee;color: #233aee;}
/* .log1 .bottom .btn.log{} */
.log1 .bottom .btn.cur{background-image: -moz-linear-gradient( 0deg, rgb(86,19,255) 0%, rgb(19,70,233) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(86,19,255) 0%, rgb(19,70,233) 100%);background-image: -ms-linear-gradient( 0deg, rgb(86,19,255) 0%, rgb(19,70,233) 100%);color: #fff;border-color: transparent;cursor: pointer;}
.log1 .tip{color: #999;padding: 0 0 2rem;}

.log1.log2{max-width: 80rem;padding-bottom: 1.5rem;}
.log1 .title2{margin: 0 0 5rem;}
.log1 .box2{width: 40rem;margin-bottom: 6.1rem;}
.log1 .box2 .item{width: 100%;}


@media screen  and (max-width:996px){
	.log1 .item input{height: 36px;}
	.log1 .send_code,.log1 .pic_code{line-height: 36px;height: 36px;width: 80px;}
	.log1 .box2 .send_code{height: 32px;line-height: 32px;margin: 2px;}
    .log1 .send_code ~ input, .log1 .pic_code ~ input{width: calc(100% - 90px);}
    .log1 .box2{width: 100%;}

}
@media screen and (max-width: 767px){
    .log1 .item{width: 100%;}
}


.personal_center{background: url(../images/log_bg.png) no-repeat top center/cover;padding: 4rem 0 5.5rem;}
.personal_center > .top{align-items: center;margin: 0 0 2.6rem;}

.pc_layout .col1{width: 9rem;padding: 0 3rem 0 0;}
.pc_layout .col2{width: 38rem;padding: 4rem;background: rgba(255, 255, 255, .6);border-radius: 1rem 0 0 1rem;}
.pc_layout .col3{width: 115rem;padding: 4rem 12rem 3.6rem 8rem;background: #fff;border-radius: 0 1rem 1rem 0;}

.sub_0p1 .gp-img{background: #233aee;border-radius: 1rem;margin: 0 0 1rem;}
.sub_0p1 .quit{text-align: center;border: .1rem solid #233aee;border-radius: 1rem;line-height: 2.8rem;color: #233aee;}

.sub_0p2{}
.sub_0p2 ul{margin: 0 0 -2rem;}
.sub_0p2 .item{margin: 0 0 2rem;padding: 1.5rem 5rem 1.5rem 3rem;background: #fff;position: relative;border-radius: 1rem;}
.sub_0p2 .item::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);background: url(../images/pc_arrow.png) no-repeat center/cover;width: .6rem;height: 1.2rem;right: 2rem;}
.sub_0p2 .item:hover,.sub_0p2 .item.cur{background: #233aee;color: #fff;}
.sub_0p2 .item:hover::before,.sub_0p2 .item.cur::before{background: url(../images/pc_arrow_w.png) no-repeat center/cover;}

.sub_0p3{}
.sub_0p3 .item{margin: 2rem 0 0;height: 6.5rem;position: relative;}
.sub_0p3 .item:first-child{margin: 0;}
.sub_0p3 input[type="text"]{width: 100%;height: 100%;padding: 0 3rem;border: .1rem solid #dcdcdc;background: none;}
.sub_0p3 .select_arrow{position: absolute;right: 0;top: 0;width: 8rem;height: 100%;background: url(../images/sub_041_arrow.png) no-repeat center/2.2rem auto;}
.sub_0p3 .slect_box{position: absolute;left: 0;top: 100%;width: 100%;background: rgba(255,255,255,.6);z-index: 10;display: none;}
.sub_0p3 .slect_box li{padding: 1rem 2rem;}
.sub_0p3 .upload{position: absolute;right: 0;top: 0;width: 8rem;height: 100%;background: url(../images/sub_041_file.png) no-repeat center/2.1rem auto;}
.sub_0p3 .pic_code{position: absolute;right: 0;top: 0;width: 15rem;height: 100%;z-index: 10;}
.sub_0p3 .pic_code img{width: 100%;height: 100%;display: block;}
.sub_0p3 .pic_code ~ input{width: calc(100% - 17rem);}
.sub_0p3 .bottom{padding: 3rem 0 0;}
.sub_0p3 .btn{display: block;background: #233aee;color: #fff;line-height: 5.4rem;border-radius: .5rem;margin: 0 0 0 1rem;text-align: center;padding: 0 2rem;min-width: 16rem;}
.sub_0p3 .btn:first-child{margin: 0;}
.sub_0p3 .btn.download::after{content: '';background: url(../images/sub_041_download.png) no-repeat center/cover;width: 2.5rem;height: 2.4rem;display: inline-block;vertical-align: middle;margin: -0.4rem 0 0 3.6rem;}


.sub_0p4{margin: 0 0;}
.sub_0p4 h2{text-align: center;color: #5f5f5f;font-weight: bold;margin: 0 0 2.4rem;}
.sub_0p4 table{width: 100%;border-collapse: collapse;margin: 0 0 -1.7rem;}
.sub_0p4 table th{color: #333;font-weight: normal;padding: 1.9rem 0;text-align: center;border: .1rem solid #eee;border-top: .2rem solid #233aee;border-bottom: .2rem solid #233aee;color: #233aee;font-weight: bold;}
.sub_0p4 table td{text-align: center;color: #5f5f5f;border: .1rem solid #eee;padding: 2.2rem .5rem;}
.sub_0p4 table td:first-child,.sub_0p4 table th:first-child{border-left-color: #fff;}
.sub_0p4 table td:last-child,.sub_0p4 table th:last-child{border-right-color: #fff;}
.sub_0p4 table td span,.sub_0p4 table td a{color: #233aee;}
.sub_0p4 table td a{cursor: pointer;display: inline-block;position: relative;}
.sub_0p4 table td span{padding: 0 .5rem;}

.sub_0p4 .data_download.downloading {opacity: 0.7;cursor: wait;}
.sub_0p4 .download-progress-container {height: 4px;width: 100%;background-color: #f0f0f0;border-radius: 2px;overflow: hidden;margin-top: 5px;position: absolute;}
.sub_0p4 .download-progress-bar {height: 100%;background-color: #233aee;width: 0%;transition: width 0.3s;}
.sub_0p4 .download-progress-text {position: absolute;top: 5px;left: 0;width: 100%;font-size: 10px;text-align: center;}

.pc_layout .col3 .sub_041{}
.pc_layout .col3 .sub_041 td{padding: 2rem 0rem;width: 100%;}


@media screen  and (max-width:996px){
	.pc_layout .col1{width: 65px;}
    .sub_0p1 .quit{line-height: 26px;}
    .pc_layout .col2{width: calc(38% - 65px);}
    .pc_layout .col3{width: 62%;}

    .sub_0p3 .bottom{flex-direction: column;align-items: center;}
	.sub_0p3 .left{margin-bottom: 20px;}

    .sub_0p4 .scroll{overflow-x: auto;white-space: nowrap;}
    .sub_0p4 table{margin: 0;}
	.sub_0p4 table th,.sub_0p4 table td{padding-left: 5px;padding-right: 5px;}

}
@media screen and (max-width: 767px){
    .pc_layout .col2{width: calc(100% - 65px);border-radius: 10px;}
    .pc_layout .col3{width: 100%;padding: 4rem 4rem 3.6rem 4rem;margin: 20px 0 0;border-radius: 10px;}

    .sub_0p3 .bottom{padding: 30px 0 0;}
	.sub_0p3 .item{margin: 12px 0 0;}
    .sub_0p3 .item:first-child{margin: 0;}
	.sub_0p3 input{font-size: 14px;}
	.sub_0p3 input[type="text"]{padding: 0 2rem 0 2rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;min-height: 36px;border: 1px solid #bfbfbf;background: rgba(255,255,255,.6);}
	
}