/* 全局 */
select,input[type="text"],textarea{-webkit-appearance: none;}
.mbapp{width:640px;margin:0 auto;-webkit-user-select:none;-webkit-user-drag:none;}

/* Loading */
@keyframes loading{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(720deg);}
	100%{transform:rotate(0deg);}
}
@-webkit-keyframes loading{
	0%{-webkit-transform:rotate(0deg);}
	50%{-webkit-transform:rotate(720deg);}
	100%{-webkit-transform:rotate(0deg);}
}
.mbapp_loading{
	position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);z-index:123567231;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.mbapp_loading a{
	position:absolute;top:250px;left:50%;margin-left:-75px;
	width:150px;height:150px;border-radius:150px;
	border:10px solid #468bcf;border-left-color:transparent;border-right-color:transparent;
	animation:loading 3s infinite;
	-webkit-animation:loading 3s infinite;
}
.mbapp_loading b{
	position:absolute;top:270px;left:50%;margin-left:-55px;
	width:114px;height:114px;border-radius:114px;
	border:8px solid #468bcf;border-top-color:transparent;border-bottom-color:transparent;
	animation:loading 4.5s infinite 0.1s;
	-webkit-animation:loading 4.5s infinite 0.1s;
}
.mbapp_loading i{
	position:absolute;top:285px;left:50%;margin-left:-40px;
	width:100px;height:100px;border-radius:100px;
	background:url(/Public/img/logo.png) no-repeat center center;
}

/* 预览 */
.mbapp_view{
	position:absolute;left:50%;top:0px;width:640px;margin-left:-320px;padding:20px 0 20px 0;margin-bottom:80px;text-align:center;background:#fbfbfb;
	opacity: 1;z-index:123;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

/* 导航 */
.mbapp_nav{position:fixed;left:50%;bottom:0px;width:640px;height:80px;zoom:1;overflow:hidden;margin-left:-320px;z-index:123567;}
.mbapp_nav a{float:left;width:30%;height:80px;line-height:80px;text-align:center;background:#333;color:#fff;border-bottom:1px solid #fff;font-size:26px;}
.mbapp_nav a:last-child{width:40%;background:#CF5146;}

/* 手机 */
.mbapp_mobile{
	position:absolute;left:50%;top:0px;width:640px;min-height:100%;margin-left:-320px;background:#fff;margin-bottom:80px;
	opacity:0;z-index:123;
	transform:translate(-100%, 0px) scale(0, 0);
	-webkit-transform:translate(-100%, 0px) scale(0, 0);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.mbapp_mobile_list{zoom:1;overflow:hidden;}
.mbapp_mobile_list a{float:left;width:186px;height:96px;background:#ebebeb;margin:20px 0 0 20px;font-size:24px;}
.mbapp_mobile_list a b{display:block;margin:20px 0 0 20px;}
.mbapp_mobile_list a span{display:block;margin:5px 0 0 20px;}
.mbapp_mobile_list a.on{background:#468bcf url(/Public/mbapp/mobile/model_on.png) 140px 5px no-repeat;color:#fff;}

.mbapp_mobile_base{background:#ebebeb;margin:20px;padding:20px 0;}
.mbapp_mobile .row{margin:0 20px;background:#fff;height:60px;line-height:60px;border-top:1px solid #ddd;}
.mbapp_mobile .row strong{float:left;margin-left:20px;font-size:24px;}
.mbapp_mobile .row input[type=text]{float:right;width:200px;height:60px;line-height:60px;outline:none;border:none;font-size:24px;text-align:right;margin-right:20px;}
.mbapp_mobile .row input[type=file]{float:right;width:200px;height:60px;line-height:60px;outline:none;border:none;font-size:24px;text-align:right;margin-right:20px;}
.mbapp_mobile .row select{float:right;padding-left:50px;height:60px;line-height:60px;outline:none;border:none;font-size:24px;text-align:right;margin-right:20px;}
.mbapp_mobile .row select option{text-align:right;}
.mbapp_mobile .row .topImage{float:right;width:200px;height:60px;line-height:60px;position:relative;font-size:24px;text-align:right;margin-right:20px;}
.mbapp_mobile .row .topImage input{opacity:0;position:absolute;left:0px;top:0px;margin-right:0px;}
.mbapp_mobile .title{margin:0 20px;background:#fff;height:60px;line-height:60px;font-size:24px;text-indent:20px;background:#A0B7CE;}
.mbapp_mobile_status{background:#ebebeb;margin:20px;padding:20px 0;}
.mbapp_mobile_status label{
	position:relative;float:right;width:80px;height:40px;line-height:40px;border-radius:40px;border:1px solid #ddd;margin:10px 20px 0 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.mbapp_mobile_status label input[type="checkbox"]{position:absolute;left:0px;top:0px;width:80px;height:40px;opacity:0;z-index:5;}
.mbapp_mobile_status label i{
	position:absolute;left:0px;top:0px;width:40px;height:40px;border-radius:40px;background:#468bcf;z-index:4;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.mbapp_mobile_status label.on{background:#468bcf;}
.mbapp_mobile_status label.on i{background:#fff;transform:translateX(40px);-webkit-transform:translateX(40px);}
.mbapp_mobile_style{background:#ebebeb;margin:20px;padding:20px 0;}

.mbapp_mobile_ua{margin:20px;background:#EBEBEB;padding:20px;line-height:30px;color:#000;font-size:24px;}
/* 保存 */
.mbapp_save{
	position:absolute;left:50%;top:0px;width:640px;min-height:100%;margin-left:-320px;background:#fff;padding-bottom:100px;
	opacity:0;z-index:123;
	transform:translate(-100%, 0px) scale(0, 0);
	-webkit-transform:translate(-100%, 0px) scale(0, 0);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.mbapp_save .tips{padding:0 20px;font-size:24px;line-height:40px;}
.mbapp_save .tips span{display:block;}
.mbapp_save .link{display:block;text-align:center;}
/* 聊天 */
.mbapp_chat{
	position:absolute;left:50%;top:0px;width:640px;min-height:100%;margin-left:-320px;background:#fff;padding-bottom:70px;
	opacity:0;z-index:123;
	transform:translate(-100%, 0px) scale(0, 0);
	-webkit-transform:translate(-100%, 0px) scale(0, 0);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
/* 聊天 - 用户 */
.mbapp_chat .user{font-size:24px;background:transparent;padding:20px;margin-top:10px;border-bottom:1px solid #888;zoom:1;overflow:hidden;position:relative;}
.mbapp_chat .user img.avatar{float:left;width:200px;height:200px;border-radius:200px;border:5px solid #ddd;background:#ddd;}
.mbapp_chat .user input.avatarFile{position:absolute;left:20px;top:20px;width:210px;height:210px;opacity:0;z-index:1;}
.mbapp_chat .user input.nick{float:right;font-size:30px;width:370px;height:68px;outline:none;border:1px dashed #666;padding:10px;margin-top:11px;border-radius:0px;color:#333;background:transparent;}
.mbapp_chat .user p.identity{float:right;width:350px;height:38px;line-height:38px;margin:26px 0 0 0;}
.mbapp_chat .user p.identity span{color:#666;}
.mbapp_chat .user p.identity b{margin-left:20px;color:#CF5146;}
.mbapp_chat .user p.qiehuan{float:right;width:350px;height:38px;line-height:38px;margin:16px 0 0 0;}
.mbapp_chat .user p.qiehuan span{color:#666;}
.mbapp_chat .user p.qiehuan b{margin-left:20px;color:#CF5146;}
.mbapp_chat .user div.list{border:1px solid #ddd;zoom:1;overflow:hidden;padding:20px 20px 0 20px;display:none;margin-top:20px;}
.mbapp_chat .user div.list label{float:left;padding:10px 17px;background:#666;text-align:center;font-size:24px;color:#fff;margin:0 20px 20px 0;}
.mbapp_chat .user div.list label input{float:left;width:25px;height:25px;vertical-align:middle;margin:2px 0 0 0px;}
.mbapp_chat .user div.list .add{float:left;padding:10px 40px;background:#1D9860;text-align:center;font-size:24px;color:#fff;margin:0 20px 20px 0;}
/* 聊天 - 类型 */
.mbapp_chat .type{margin:20px 20px 0 20px;position:relative;font-size:0;}
.mbapp_chat .type a{display:inline-block;width:115px;height:80px;line-height:80px;text-align:center;color:#fff;background:#666;font-size:24px;margin-right:6px;}
.mbapp_chat .type a:nth-child(5){margin-right:0px;margin-left:1px;}
.mbapp_chat .type a.on{background:#468bcf;}
.mbapp_chat .type a.more_on{background:#468bcf;}
.mbapp_chat .type .more{display:none;margin-top:6px;}
/* 聊天 - 选项 */
.mbapp_chat .option{zoom:1;overflow:hidden;}
.mbapp_chat .option a{float:left;width:150px;height:70px;line-height:70px;background:#1D9860;color:#fff;text-align:center;font-size:24px;}
.mbapp_chat .option a.send{float:right;}
/* 聊天 - 对话 */
.mbapp_chat .panel{display:none;margin:20px 20px 0 20px;}
.mbapp_chat .speak{display:block;}
.mbapp_chat .speak .text{width:600px;height:200px;border:1px dashed #666;color:#333;outline:none;padding:20px;background:#fff;font-size:24px;border-radius:0px;}

/* 聊天 - 文本框 */
.mbapp_chat .itxt{width:600px;height:80px;line-height:80px;border:1px dashed #666;text-align:center;outline:none;font-size:24px;}
/* 聊天 - 单选框 */
.mbapp_chat .iradio{float:left;}
.mbapp_chat .iradio label{float:left;background:#1D9860;width:130px;height:70px;line-height:70px;color:#fff;margin-right:1px;text-align:center;font-size:24px;}
.mbapp_chat .iradio label input{width:25px;height:25px;vertical-align:middle;float:left;margin:23px 0 0 20px;}

/* 聊天 - 图片 */
.mbapp_chat .image_choose{margin:0px;height:80px;line-height:80px;border:1px dashed #666;text-align:center;font-size:24px;position:relative;}
.mbapp_chat .image_choose input{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;z-index:1;}

/* 聊天 - 其他 */
.mbapp_chat .other .background{zoom:1;overflow:hidden;margin-bottom:20px;}
.mbapp_chat .other .background .image_choose{float:left;width:400px;}
.mbapp_chat .other .background .cancel{float:right;width:180px;height:80px;line-height:80px;color:#fff;background:#1D9860;text-align:center;font-size:24px;}

/* 聊天 - 记录 */
.mbapp_chat .log{margin:20px 0 0 0;padding:20px;list-style:none;border-top:1px solid #888;}
.mbapp_chat .log li{zoom:1;overflow:hidden;margin:0px;padding:0;background:#D4DBE7;margin-bottom:10px;font-size:24px;}
.mbapp_chat .log li b{float:left;width:50px;margin-left:20px;height:80px;line-height:80px;}
.mbapp_chat .log li a{float:left;width:50px;margin-left:20px;height:80px;line-height:80px;}
.mbapp_chat .log li span{float:left;width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:20px;height:80px;line-height:80px;}
.mbapp_chat .log li i{float:right;width:60px;font-style:normal;font-weight:bold;color:red;margin-right:20px;text-align:right;height:80px;line-height:80px;font-size:40px;}

/* 表情 */
.mbapp_hello{position:absolute;left:50%;top:20px;width:600px;margin-left:-300px;display:none;z-index:1235672;}
.mbapp_hello_type{color:#fff;zoom:1;overflow:hidden;}
.mbapp_hello_type a{float:left;width:300px;height:60px;line-height:60px;font-size:24px;text-align:center;background-color:#989898;}
.mbapp_hello_type a.on{background-color:#fc7169;}
.mbapp_hello_list{
	position:absolute;top:60px;left:0px;
	background:#fff;height:470px;padding-bottom:30px;overflow:auto;;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.mbapp_hello_list::-webkit-scrollbar{width: 6px;height: 6px;background-color: #F5F5F5;}
.mbapp_hello_list::-webkit-scrollbar-track{background-color: #F5F5F5;}
.mbapp_hello_list::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.mbapp_hello_list img{margin:30px 0 0 30px;}
.mbapp_hello_smiley{z-index:10;}
.mbapp_hello_emoji{z-index:9;}