@media screen and (max-width:640px){
body{background:#F6F5F5!important;}
#portal{  width:100%!important;}

/************************************************************************************
logo+友情提醒
*************************************************************************************/
.warn{width:90%;  bottom:-80%!important;}
.warn img{width:15px!important;}
.warn span{font-size:15px!important;}
.warn p{font-size:10px!important;}
/************************************************************************************
判断手机登录时强制下载APP
*************************************************************************************/
.con_app_down li{  height:54px!important; margin:0 auto 4.5% auto!important;}
.phone_down_android{   height:54px!important;}
.phone_down_iphone{  height:54px!important;}
.phone_down_pc{  height:54px!important;}
.phone_down_mac{  height:54px!important;}

.con_app_down_fs_android li{  height:54px!important; margin:0 auto 4.5% auto!important;}
.phone_down_android_f { height:54px!important;}
.phone_down_android_s { height:54px!important;}

.con_app_down_fs_ios li{  height:54px!important; margin:0 auto 4.5% auto!important;}
.phone_down_ios_f { height:54px!important;}
.phone_down_ios_s { height:54px!important;}
/************************************************************************************
APP下载以及上网步骤
*************************************************************************************/
.app_jump{ width:70px!important; height:20px!important;}
.down_android{  width:162px!important;  height:66px!important;}
.down_iphone{  width:162px!important;  height:66px!important;}
/************************************************************************************
首次连接wifi界面
*************************************************************************************/
.con_first ul{ padding:0px 25px 0px 25px!important;}
.first_number input{ height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:50px!important;}
.first_pwd{ height:40px!important; line-height:40px!important;}
.first_pwd input{ height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:50px!important;}
.first_reset{ font-size:14px!important; }
.first_reset img{ width:15px!important;margin-top: -3px!important;}
.first_register a{ height:40px!important; line-height:40px!important; font-size:15px!important;}
.first_login input{ height:40px!important; line-height:40px!important; font-size:15px!important;}

/************************************************************************************
注册界面
*************************************************************************************/
.con_reg ul{ padding:0px 25px 0px 25px!important;}
.reg_text{ font-size:14px!important;}
.reg_number input{ height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:10px!important;}

.reg_code input{  width:45%!important;height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:10px!important;}
.reg_code a{ width:50%;  height:40px!important; line-height:40px!important;  font-size:15px!important;}
.reg_code a:hover{ color:#fff; background:#d45700;}

.reg_register input{ height:40px!important; line-height:40px!important; font-size:15px!important;}
.reg_return a{ font-size:14px!important;}
/************************************************************************************
重置密码界面
*************************************************************************************/
.con_reset ul{ padding:0px 25px 0px 25px!important;}
.reset_text{ font-size:14px!important;}
.reset_number input{ height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:10px!important;}

.reset_code input{  width:45%!important;height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:10px!important;}
.reset_code a{ width:50%;  height:40px!important; line-height:40px!important;  font-size:15px!important;}
.reset_code a:hover{ color:#fff; background:#d45700;}

.reset_sure input{ height:40px!important; line-height:40px!important; font-size:15px!important;}
.reset_return a{ font-size:14px!important;}
/************************************************************************************
老用户界面
*************************************************************************************/
.con_olduser ul{ padding:0px 25px 0px 25px!important;}
.old_user{font-size:14px!important;}
.old_phone{font-size:28px!important;}
.old_login input{-webkit-appearance:none; height:40px!important; line-height:40px!important; font-size:15px!important;}
.old_switch a{ font-size:14px!important;}

/************************************************************************************
每月首次登录界面
*************************************************************************************/
.con_monthly ul{ padding:0px 25px 0px 25px!important;}
.month_user{font-size:14px!important;}
.month_phone{font-size:28px!important;}
.month_code input{  width:45%!important;height:40px!important; line-height:40px!important; font-size:15px!important;  padding-left:10px!important;}
.month_code a{ width:50%;  height:40px!important; line-height:40px!important;  font-size:15px!important;}
.month_code a:hover{ color:#fff; background:#d45700;}
.month_login input{-webkit-appearance:none; height:40px!important; line-height:40px!important; font-size:15px!important;}
.month_switch a{ font-size:14px!important;}

/************************************************************************************
登录成功界面
*************************************************************************************/
.con_success{ top:12%!important; }
.success_login{font-size:24px!important;}
.success_login img{ width:30px!important; height:30px!important;}
.success_date{font-size:15px!important;}
.success_login{ margin:10% 0!important;}
.success_start a{ width:45%!important; height:40px!important; line-height:40px!important; display:inline-block; background:#E53D41; color:#f5f5f5; font-size:14px!important; font-family: "Microsoft YaHei"; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.success_start a:hover{ color:#fff; background:#e22b2f;}

/************************************************************************************
尾部联系信息
*************************************************************************************/
.main_footer_msg{font-size:11px!important;}
.main_footer_copy{font-size:11px!important;}
.main_footer_visit{font-size:11px!important;}
}
@media screen and (max-width:320px){
body{background:#F6F5F5!important;}
#portal{  width:100%!important;}
.main_footer ul{  bottom:10px!important;}
.con_first ul li{ margin-bottom:3%!important;}
.warn{width:90%;  bottom:-85%!important;}
.warn img{width:15px!important;}
.warn span{font-size:15px!important;}
.warn p{font-size:10px!important;}
/************************************************************************************
判断手机登录时强制下载APP
*************************************************************************************/
.con_app_down li{  height:48px!important; margin:0 auto 4% auto!important;}
.phone_down_android{   height:48px!important;}
.phone_down_iphone{  height:48px!important;}
.phone_down_pc{  height:48px!important;}
.phone_down_mac{  height:48px!important;}

.con_app_down_fs_android li{  height:48px!important; margin:0 auto 4% auto!important;}
.phone_down_android_f { height:48px!important;}
.phone_down_android_s { height:48px!important;}

.con_app_down_fs_ios li{  height:48px!important; margin:0 auto 4% auto!important;}
.phone_down_ios_f { height:48px!important;}
.phone_down_ios_s { height:48px!important;}
/************************************************************************************
APP下载以及上网步骤
*************************************************************************************/
.app_jump{ width:65px!important; height:20px!important;}
.down_android{  width:143px!important;  height:58px!important;}
.down_iphone{  width:143px!important;  height:58px!important;}
/************************************************************************************
/************************************************************************************
首次连接wifi界面
*************************************************************************************/
.con_first{ top:20%!important;}
.con_first ul li{ margin-bottom:6%!important;}
.first_number input{ height:35px!important; line-height:35px!important; font-size:15px!important;  padding-left:50px!important;}
.first_pwd{ height:35px!important; line-height:35px!important;}
.first_pwd input{ height:35px!important; line-height:35px!important; font-size:15px!important;  padding-left:50px!important;}
.first_reset{ font-size:14px!important; }
.first_reset img{ width:15px!important;margin-top: -3px!important;}
.first_register a{ height:35px!important; line-height:35px!important; font-size:15px!important;}
.first_login input{ height:35px!important; line-height:35px!important; font-size:15px!important;}
/************************************************************************************
注册界面
*************************************************************************************/
.reg_number input{ height:35px!important; line-height:35px!important;}
.reg_code input{ height:35px!important; line-height:35px!important;}
.reg_code a{ height:35px!important; line-height:35px!important;}
.reg_register input{ height:35px!important; line-height:35px!important;}
/************************************************************************************
重置密码界面
*************************************************************************************/
.reset_number input{ height:35px!important; line-height:35px!important;}
.reset_code input{ height:35px!important; line-height:35px!important;}
.reset_code a{ height:35px!important; line-height:35px!important;}
.reset_sure input{ height:35px!important; line-height:35px!important;}
}