@media (min-width: 300px){
.appoint_wrap{ background:url(../images/pic138.jpg) no-repeat center; background-size:cover}
.appoint_box{ width:100%; padding:75px 15px; background:#fff; display:inline-block;  text-align:center;}
.appoint_box h1{ color:#00a0e8; font-size:24px;}
.appoint_box p{ padding-top:10px; padding-bottom:35px;}
.appoint_input{ width:100%;}
.appoint_input ul li{ border:1px solid #e6e6e6; line-height:30px; margin-bottom:15px;}
.appoint_input ul li input,.appoint_input ul li textarea{ line-height:30px; font-size:12px; width:100%; padding-left:10px;}

.txt_user{ height:115px;}
.app_btnbox{ padding-top:15px}
.app_btnbox input{ display:inline-block; width:160px; height:32px; text-align:center; line-height:32px; font-size:13px; color:#bfbfbf}

.app_btnbox input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.app_btnbox input:-moz-placeholder {
  color: #bfbfbf;
}
.app_btnbox input:-ms-input-placeholder {
  color: #bfbfbf;
}
.app_btnbox .btn_enter{ background:#00a0e8; color:#fff; float:left}
.app_btnbox .btn_cancle{ background:#b3b3b3; color:#fff; float:right}
.app_btnbox{ width:100%; height:auto; overflow:hidden;}
.app_btnbox .btn_enter:hover{ background:#0094d9;}
.app_btnbox .btn_cancle:hover{ background:#999999;}

.login_wrap{ background:#f2f2f2;}
.login_box{ width:100%; padding:45px 20px; background:#fff; text-align:center;  margin:0 auto;}
.login_box h1{ font-size:24px;color: #4d4d4d; padding-bottom:40px;}
.login_pas{ width:100%; height:auto; overflow:hidden; padding-bottom:25px;}
.login_pas span{ display:inline-block; float:left; font-size:10px; cursor:pointer}
.login_pas a{ display:inline-block; float:right; font-size:10px;    padding-top: 2px;}
.login_pas a:hover{ color:#00a0e9}
.login_pas span:hover{ color:#00a0e9}


.login_input input{ border:1px solid #e6e6e6; width:100%; line-height:30px; margin-bottom:20px; padding-left:10px}
.login_pas input{ vertical-align:-2px; margin-right:5px}
.login_btn{ width:100%}
.login_btn input{ width:100%; color:#fff; text-align:center; line-height:38px;}
.login_btn .login_enter{background:#00a0e8; margin-bottom:10px }
.login_btn .login_cancle{ background:#b3b3b3;}
.login_btn .login_enter:hover{ background:#0094d9;}
.login_btn .login_cancle:hover{ background:#999999;}
.login_other p{ font-size:13px; color:#666; padding:25px 0;}
.other_icon{ width:100%; height:auto; overflow:hidden; text-align:center}
.other_icon ul li{ display:inline-block; width:40px; height:40px; cursor:pointer; transition:all .3s ease; margin:0 17px; }
.other_icon ul li a{ display:inline-block; width:100%; height:100%;}

.other_icon .li01{ background:url(../images/pic139.gif) no-repeat center; background-size:100%;}
.other_icon .li02{ background:url(../images/pic140.gif) no-repeat center; background-size:100%;}
.other_icon .li03{ background:url(../images/pic141.gif) no-repeat center; background-size:100%;}

.other_icon .li01:hover{ background:url(../images/pic139_02.gif) no-repeat center; background-size:100%;}
.other_icon .li02:hover{ background:url(../images/pic140_02.gif) no-repeat center; background-size:100%;}
.other_icon .li03:hover{ background:url(../images/pic141_02.gif) no-repeat center; background-size:100%;}


.pad_box{ width:100%; margin:0 auto; background:#fff;text-align:center;}
.pad_box h1{ color:#00a0e8; font-size:24px;}
.pad_box dl{ padding:55px 0}
.pad_input ul li{ width:100%; height:auto; overflow:hidden; border:1px solid #e6e6e6; line-height:40px; margin-bottom:25px}
.pad_input ul li img{ float:right; margin-top:3px; margin-right:5px}
.pad_box dl{ width:100%; height:auto; overflow:hidden;}
.pad_box dl dt{ float:left; width:30%; border-right:1px solid #e6e6e6}
.pad_box dl dd{  width:90%; margin:0 auto}
.pad_box dl dt ul li{ line-height:25px; font-size:12px; margin-bottom:36px; text-align:left}
.pad_box dl dt ul li span{ display:inline-block; width:30px; height:25px; color:#666; margin-right:10px;padding-left: 9px;}
.pad_box dl dt ul li.cur span{ background:url(../images/pic143.gif) no-repeat; background-size:100%; color:#fff;}
.pad_box dl dd{ padding-top:10px}
.pad_input li{ text-align:left; padding-left:10px}
.pad_input li.li02 input{ width:170px; float:left}
.pad_btn{ padding-top:20px;}
.pad_btn input{ width:100%; height:40px; text-align:center; color:#fff; font-size:13px; background:#00a0e8}
.pad_box .dd03 span{ border-left:1px solid #e6e6e6; color:#00a0e8; font-size:12px; line-height:30px; margin-top:2px; display:inline-block; padding-left:15px; cursor:pointer}
.pad_box .dd03 { text-align:left;}
.pad_box .dd03 p,.pad_box .dd0{ line-height:25px; padding-top:10px; padding-bottom:5px}
.pad_box .dd03 .pad_btn{ padding-top:0}
.pad_box .dd04{ text-align:left}
.pad_box .dd05 { text-align:center; padding-top:35px;}
.pad_box .dd05 i{ display:inline-block; width:57px; height:57px; background:url(../images/pic144.gif) no-repeat center; background-size:100%}
.pad_box .dd05 b{ color:#00a0e8; font-size:13px; padding-top:25px; display:block; font-weight:500}

.pad_box dl dt{ display:none}
.reg_input{ width:428px; padding:44px 80px; background:#fff; margin:0 auto	}
.reg_input { text-align:center}
.reg_input h1{ font-size:24px; color:#00a0e8;    padding-bottom: 40px;}
.pad_input ul li.li03 input{    width: 170px;float: left;}
.pad_input ul li.li03 span{    border-left: 1px solid #e6e6e6; color: #00a0e8; font-size: 12px;line-height: 30px;  margin-top: 0px;display: inline-block;  padding-left: 15px;cursor: pointer;    height: 37px;
    width: 83px;float: right;line-height: 42px;    position: relative;}
.reg_input p{ text-align:left; padding-top:5px}
.login_btn .login_cancle{    width: 100%; color: #666; background:none;  text-align: center; line-height: 38px; display:block; border:1px solid #999;font-size: 16px; font-weight: bold;}
.login_btn .login_cancle:hover{ border:1px solid #00a0e8; color: #00a0e8; background: none}
.pad_input .reginput{ width:100%; border:0;    font-weight: 500;}

.passwordImBox label{ width: 100%; margin-bottom: 0}

.reg_input p .UserXieyi{ color:#00a0e8}









}



@media (min-width: 768px){
.appoint_box{    padding: 75px 90px;}

.login_wrap{ background:#f2f2f2; padding:119px 0}
.login_wrap.pad_wrap{ padding:0}

.login_box{ width:425px; padding:45px 80px;   }

.app_w{ width:100%; margin:0 auto; text-align:right}
.appoint_box{ width:425px; padding:75px 80px; background:#fff; display:inline-block; margin:115px 0; margin-right:150px; text-align:center;}
.app_btnbox input{ width:120px}

.pad_box dl dt{ display:block}
.pad_box{ width:100%; padding:70px 100px; }
.pad_box dl dd{ float:right; width:60%;}


}


@media (min-width: 1024px){
.pad_box{ width:800px;}
.login_wrap{ padding:150px 0}
.login_wrap.pad_wrap{ padding:150px 0}




}


@media (min-width: 1200px){

.app_w{ width:1200px; margin:0 auto; text-align:right}
.pad_box{ padding:70px 175px; }





}



@media (min-width: 1366px){
	
}


@media (min-width: 1440px){
	
}


@media (min-width: 1920px){
	
}


@media (min-width: 2000px){
	
}