@charset "utf-8";
/* 通用 */
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{margin: 0px;padding: 0px;}
h3,p,input,div{margin: 0px;padding: 0px;font-family: "Arial","sans-serif","Microsoft Yahei";}
img{border: none;}
input{-webkit-appearance: none;-webkit-tap-highlight-color: transparent;outline: none;}
.clear{line-height: 0;visibility: hidden;clear: both;}
.hidden-box{display: none;}

@media screen and (max-width: 1000px) {
    
    /* pc-header css */
	.pc-header{display: none;}
    
    /* m header css */
    .m-zhuce-logo{width: 100%;float: left;margin-top: 35px;}
    .logo-img{width: 50px;height: 50px;margin-left: auto;margin-right: auto;}
    .logo-img a{width: 50px;height: 50px;display: block;float: left;border-radius: 5px;overflow: hidden;}
    .logo-img a img{width: 50px;height: 50px;}
    .m-zhuce-title{width: 100%;float: left;text-align: center;font-size: 16px;margin-top: 20px;font-weight: bold;}
    
    .pc-zhuce-box{width: 100%;float: left;margin-top: 20px;}
	.pc-zhuce-content{width: 90%;margin: 0px auto;}
    .pc-zhuce-progress{width: 360px;margin-left: auto;margin-right: auto;}
    .progress-1{width: 74px;float: left;}
    .progress-1-icon{width: 24px;height: 24px;float: left;background: #3b4;color: #fff;text-align: center;line-height: 24px;font-size: 14px;border-radius: 20px;overflow: hidden;margin-left: 25px;}
    .progress-1-text{width: 100%;height: 24px;float: left;color: #3b4;text-align: center;line-height: 24px;font-size: 12px;}
    .progress-arrow{width: 69px;height: 24px; float: left;border-top: 1px solid #ccc;margin-top: 11px;}
    .progress-2{width: 74px;float: left;}
    .progress-2-icon{width: 24px;height: 24px;float: left;background: #ccc;color: #fff;text-align: center;line-height: 24px;font-size: 14px;border-radius: 20px;overflow: hidden;margin-left: 25px;}
    .progress-2-text{width: 100%;height: 24px;float: left;color: #999;text-align: center;line-height: 24px;font-size: 12px;}
    .progress-3{width: 74px;float: left;}
    .progress-3-icon{width: 24px;height: 24px;float: left;background: #ccc;color: #fff;text-align: center;line-height: 24px;font-size: 14px;border-radius: 20px;overflow: hidden;margin-left: 25px;}
    .progress-3-text{width: 100%;height: 24px;float: left;color: #999;text-align: center;line-height: 24px;font-size: 12px;}
	
    .pc-zhuce-input-box{width: 100%;float: left;margin-top: 20px;}
    .pc-zhuce-input-box-input{width: 100%;float: left;border: 1px solid #ddd;box-sizing: border-box;}
    .pc-zhuce-input-box-input input{width:92%;height:50px;line-height:50px;border:none;float:left;padding-left:4%;padding-right:4%;font-size: 14px;}
    .phone-tips{width:auto; height: 50px;float:right;z-index:999;margin-top:-50px; margin-right: 4%; display:none;}
    .phone-tips a{width:auto; height: 50px;display: block;float: left;line-height:50px;font-size:14px;}
    
    .pc-zhuce-code-box-input{width: 100%;float: left;border: 1px solid #ddd;box-sizing: border-box;margin-top: 25px;}
    .pc-zhuce-code-box-input input{width:50%;height:50px;line-height:50px;border:none;float:left;padding-left:4%;padding-right:4%;font-size: 14px;}
    .pc-zhuce-code-box-input a{width: 120px;height: 50px;display: block;float: right;text-align: center;background: #f3f4f5;line-height: 50px;font-size: 14px;border-left: 1px solid #ddd;}
    #send-code-no{display: none;color: #ccc;}
    #send-code-over{display: none;color: #ccc;}
    
    .pc-zhuce-submit-box{width: 100%;float: left;margin-top: 35px;}
    .pc-zhuce-submit-box input{width: 100%;height: 50px;background: #900900;color: #ffffff;text-align: center;line-height: 50px;font-size: 14px;border: none;font-weight: bold;border-radius: 5px;cursor: pointer;overflow: hidden;}
    .pc-zhuce-submit-tiaokuan{width: 100%;float: left;margin-top: 10px;}
    .pc-zhuce-submit-tiaokuan input{width:16px;height:16px;float:left;margin-top:2px;margin-right:5px;-webkit-appearance:checkbox;}
    .pc-zhuce-submit-tiaokuan label{width:auto;height:20px;line-height:20px;float:left;}
    .pc-zhuce-submit-tiaokuan label a{width: auto;height: 20px;display: block;line-height: 20px;font-size: 14px;float: left;}
    
	/* other css */
	.pc-footer{display: none;}
    #pc-step-two-box{display: none;}
    #pc-step-three-box{display: none;}
    
    .m-footer{display: none;}
	.m-foot-box{width: 141px;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
	.m-footer-link{width: 100%;float: left;text-align: center;}
	.m-footer-link a{font-size: 14px;}
    
}

@media screen and (min-width:1000px){
    
    /* pc-header css */
	.m-zhuce-logo{display: none;}
		
    /* pc-header css */
	.pc-header{width: 100%;float: left;position: fixed;top: 0px;background: #fff;box-shadow:2px 2px 10px #f5f5f5;}
	.pc-header-logo{width: auto;height: 64px;float: left;margin-left: 20px;}
	.pc-header-logo a{width: 40px;height: 40px;display: block;float: left;border-radius: 5px;overflow: hidden;margin-top: 12px;}
	.pc-header-logo a img{width: 100%;height: 100%;object-fit: cover;}
	.pc-header-logo-text{width: auto;height: 64px;float: left;font-size: 16px;font-weight: bold;margin-left: 10px;line-height: 64px;}

	.pc-header-user{width: auto;height: 64px;float: right;}
	.pc-header-my{width: auto;height: 64px;float: right;margin-right: 20px;}
	#pc-header-log{width: auto;height: 36px;display: block;float: left;line-height: 36px;font-size: 14px;margin-top: 14px;}
	
	.pc-zhuce-box{width: 100%;float: left;margin-top: 64px;}
	.pc-zhuce-content{width: 400px;margin: 0px auto;}
    .pc-zhuce-progress{width: 100%;float: left;margin-top: 80px;}
    .progress-1{width: 74px;float: left;}
    .progress-1-icon{width: 24px;height: 24px;float: left;background: #3b4;color: #fff;text-align: center;line-height: 24px;font-size: 14px;border-radius: 20px;overflow: hidden;margin-left: 25px;}
    .progress-1-text{width: 100%;height: 24px;float: left;color: #3b4;text-align: center;line-height: 24px;font-size: 12px;}
    .progress-arrow{width: 89px;height: 24px; float: left;border-top: 1px solid #ccc;margin-top: 11px;}
    .progress-2{width: 74px;float: left;}
    .progress-2-icon{width: 24px;height: 24px;float: left;background: #ccc;color: #fff;text-align: center;line-height: 24px;font-size: 14px;border-radius: 20px;overflow: hidden;margin-left: 25px;}
    .progress-2-text{width: 100%;height: 24px;float: left;color: #999;text-align: center;line-height: 24px;font-size: 12px;}
    .progress-3{width: 74px;float: left;}
    .progress-3-icon{width: 24px;height: 24px;float: left;background: #ccc;color: #fff;text-align: center;line-height: 24px;font-size: 14px;border-radius: 20px;overflow: hidden;margin-left: 25px;}
    .progress-3-text{width: 100%;height: 24px;float: left;color: #999;text-align: center;line-height: 24px;font-size: 12px;}
    
    .pc-zhuce-input-box{width: 100%;float: left;margin-top: 50px;}
    .pc-zhuce-input-box-input{width: 100%;float: left;border: 1px solid #ddd;box-sizing: border-box;}
    .pc-zhuce-input-box-input input{width:92%;height:50px;line-height:50px;border:none;float:left;padding-left:4%;padding-right:4%;font-size: 14px;}
    .phone-tips{width:auto; height: 50px;float:right;z-index:999;margin-top:-50px; margin-right: 4%; display:none;}
    .phone-tips a{width:auto; height: 50px;display: block;float: left;line-height:50px;font-size:14px;}
    
    .pc-zhuce-code-box-input{width: 100%;float: left;border: 1px solid #ddd;box-sizing: border-box;margin-top: 35px;}
    .pc-zhuce-code-box-input input{width:60%;height:50px;line-height:50px;border:none;float:left;padding-left:4%;padding-right:4%;font-size: 14px;}
    .pc-zhuce-code-box-input a{width: 120px;height: 50px;display: block;float: right;text-align: center;background: #f3f4f5;line-height: 50px;font-size: 14px;border-left: 1px solid #ddd;}
    #send-code-no{display: none;color: #ccc;}
    #send-code-over{display: none;color: #ccc;}
    
    .pc-zhuce-submit-box{width: 100%;float: left;margin-top: 55px;}
    .pc-zhuce-submit-box input{width: 100%;height: 50px;background: #900900;color: #ffffff;text-align: center;line-height: 50px;font-size: 14px;border: none;font-weight: bold;border-radius: 5px;cursor: pointer;overflow: hidden;}
    .pc-zhuce-submit-tiaokuan{width: 100%;float: left;margin-top: 10px;}
    .pc-zhuce-submit-tiaokuan input{width:16px;height:16px;float:left;margin-top:2px;margin-right:5px;-webkit-appearance:checkbox;}
    .pc-zhuce-submit-tiaokuan label{width:auto;height:20px;line-height:20px;float:left;}
    .pc-zhuce-submit-tiaokuan label a{width:auto;height:20px;display: block; line-height:20px;font-size:14px;float:left;}
	
    /* other css */
	.pc-footer{width: 100%;float: left;position: fixed;z-index: 3;bottom: 0;}
	.pc-foot-box{width: 1000px;margin-left: auto;margin-right: auto;margin-bottom: 10px;margin-top: 10px;}
	.pc-footer-link{width: 100%;float: left;}
    .icon-beian{width: 20px;height: 20px;float: left;margin-right: 3px;}
    .icon-beian img{width: 16px;height: 16px;float: left;margin-top: 2px;}
	.pc-footer-link a{width: auto;height: 20px;display: block;float: left;line-height: 20px;font-size: 14px;margin-right: 15px;}
    .pc-footer-link span{width: auto;height: 20px;display: block;float: right;line-height: 20px;font-size: 14px;color: #999;}
    
    #pc-step-two-box{display: none;}
    #pc-step-three-box{display: none;}
    .m-footer{display: none;}
	
}

#web_input_tips_background{width:100%;z-index:999;position:fixed;top:150px;left:0px;display:none;}
#web_tips_text_box{width:150px;height:45px;margin-left:auto;margin-right:auto;margin-top:0px;background:#333;font-size:14px;line-height:45px;color:#fff;border-radius:3px;text-align: center;}

/* zhuce_success css */
.px-zhuce-tips-box{width: 100%;float: left;}
.zhuce-status{width: 100%;float: left;margin-top: 10px;}
.status-yes{width: 30px;height: 30px;display: block;margin-left: auto;margin-right: auto;background:url(../images/correct_icon.svg) no-repeat center;background-size: 50px 50px;}
.zhuce-tips-title{width: 100%;float: left;margin-top: 20px;font-size: 14px;font-weight: bold;text-align: center;}
.zhuce-tips-text{width: 100%;margin-top: 10px;text-align:center;font-size:14px;line-height:30px;float: left;}