@charset "utf-8";
/*CSS reset*/
body{ min-width:320px;word-wrap:break-word;word-break:break-all; color: #000;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea,table {font-size:12px; line-height:1.25em;}
body{min-width:320px;margin:0 auto; font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif,tahoma,arial,\5b8b\4f53;color:#000;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight: normal;}
address,cite,dfn,em,var {font-style:normal;font-weight: normal;}
code,kbd,pre,samp {font-family:courier new,courier,monospace;}
ul,ol {list-style:none;}
li {list-style: none outside none;}
a {cursor:pointer;text-decoration:none;color:#000;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
fieldset,img {border:0 none;}
.float_l{ float:left;}
.float_r{ float:right;}
.none{display:none}
button,input,select,textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
abbr, acronym {border: 0 none;font-variant: normal;}
strong {font-weight: bold;}
q:before, q:after {content: "";}
input[type="text"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {outline: 0 none;}
/*CSS reset*/

/*错误提示页面*/
.error{margin:30px 0 15px 0;font-size:20px;font-weight:800;color:#ff7800;}
.msg{text-align:center;margin: 0 auto;}
.errorcon{margin-bottom:10px;}
.returnto{margin-top:10px;color:#888;font-size:15px;}

/*仿ALERT提示层*/
#black_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
.otherbox{position:fixed;width:290px;height:120px;border:6px solid lightblue;background-color:white;z-index:1002;overflow:auto;margin:auto;left:0;top:20px;/*right:0;bottom:0;*/}
.otherbox div.c{text-align:left;cursor:default;height:40px;line-height:24px;padding-top:10px;font-size:15px;color:#202020;}
.otherbox div.c p{font-size:15px;margin-bottom:5px;text-align:center;height:77px;word-break: break-all;word-wrap: break-word}
.otherbox div.c a{float:left;width:69px;height:25px;line-height:25px;display:block;text-align:center;font-weight:800;font-size:15px;font-family:\5FAE\8F6F\96C5\9ED1;color:#fff;margin-left:110px;border-radius:4px;background-color:#FF7800;}
#loadbox{width:250px;height:80px}
#windowbox{width:100%;height:200px;border:0px solid lightblue;}
#windowbox input.f,#windowbox input.c{width:66px;height:30px;background:url(../images/box.jpg) -138px -48px no-repeat;border:0;cursor:pointer;}
#windowbox input.c{background:url(../images/box.jpg) -292px -48px no-repeat;margin-left:18px;}

/*下拉加载*/
#drop_down_div{width:100%;text-align:center;padding-top:8px;}
#scroller {
	position:absolute; z-index:1;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:100%;
	padding:0;
}
#pullDown, #pullUp {
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:16px;
	color:#888;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	display:block; float:left;
	width:40px; height:40px;
	background:url(../images/pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size:40px 80px; background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;	
}
#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}
#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}
#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position:0 100%;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;

	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}
@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

/* @ui-layout.css */
/*布局样式*/
.angoMain{background-color:#FFF;}
.angoTblType{display: table;width: 100%;}
.angoTblType a img{width: 100%;}
.angoTblCell {display:table-cell;}
.fl {float: left;display:inline;}
.fr {float: right;display:inline;}
.clear{clear:both;}
.show {display: block;}
.hide {display: none;} 
.tac{text-align:center;}
.clearfix:after {content: ".";height: 0;font-size: 0;line-height: 0;clear: both;display: block;visibility: hidden;}
.clearfix {display: block;}
* html .clearfix {height: 1%;}

/*头部*/
.head{width:100%;height:36px;line-height:36px;font-size:16px;text-align:center;background:#FEEAE3;font-family:黑体;color:#0000;white-space:nowrap;}
.head b{color:#F6534E;}
.head0{width:100%;text-align:center;background:#FC504C;padding-top:23px;padding-bottom:18px;}
.head0 img{width:80%;max-width:344px;}

/*底部*/
.footer{width:100%;height:40px;line-height:40px;clear:both;background:#FC504C;text-align:center;color:#fff;font-size:16px;}
.footer span{float:left;width:33%;}
.footer span a{color:#fff}
.footer0{width:100%;height:200px;padding-top:15px;clear:both;background:#FFF;text-align:center;color:#535353;font-size:15px;}
.footer0 span{display:block;line-height:25px;padding-bottom:10px;}
.footer0 b{display:block;line-height:27px;color:#FD504C;font-size:18px;font-family:黑体;}

/*bottombar*/
#nav{bottom:0;padding-top:8px;padding-bottom:5px;position:fixed;width:100%;z-index:1000;min-width:320px;border-top:1px solid #FFDAD3;background-color:#FFEEEB}
#nav img.tb{width:15%;max-width:60px;margin-left:12px;margin-top:3px;float:left;}
#nav div{float:right;padding-right:12px;text-align:center;color:#2BAA65;font-size:14px;}
#nav div b{color:#FB5348}
#nav div img{width:95%;max-width:155px;margin-top:3px;}

/*右导航*/
.right_nav{position:fixed;width:50px; right:10px; bottom:10px;bottom: 12%;z-index: 2;}
.gotop{ margin-bottom:15px; position: relative; width:50px; height:50px;}
.navbg{ position:absolute; z-index:10; width:50px; height:50px; border-radius:50px;background:#000; opacity:0.4;}
.gotop_ico{position:absolute; z-index:20; background:url(../images/rbnav.png) no-repeat;  width:50px; height:50px; background-position:7px 11px; background-size:70% auto;}

/*验证手机号*/
#verificaphone{display:none;width:100%;height:230px;background:#fff;position:fixed;width:100%;left:0px;bottom:0;z-index:100;border-top:1px solid #ccc;}
#verificaphone div.tit{width:100%;height:40px;line-height:40px;font-size:14px;background:#ccc;color:#fff;text-align:center;position:relative;}
#verificaphone div.tit span{font-size:32px;position:absolute;right:10px;top:0px;}
#verificaphone div.c{width:100%;padding-top:25px;text-align:center;}
#verificaphone div.c div.cc{width:100%;height:42px;}
#verificaphone div.c input.i{border:1px solid #ccc;border-radius:5px;width:168px;height:28px;margin-right:8px;padding-left:8px;}
#verificaphone_send{display:inline-block;vertical-align:top;width:80px;height:28px;font-size:13px;color:#fff;background:#FF4D4E;border:none;border-radius:5px;}
#verificaphone_btn{margin:0 auto;margin-top:10px;width:220px;height:36px;line-height:36px;font-size:14px;border-radius:8px;color:#fff;background:#FF4D4E;}

/*弹出窗口层样式*/
.mbprogresshud {
    padding:20px;
    background:rgba(0,0,0,0.9);
    border-radius:5px;
    position:fixed;
    color:#FFF;
    font-size:16px;
    display:none;
    z-index:999;
    text-align:center;
}
.mbprogresshud p {line-height: 20px;}
/*正在处理效果样式*/
#loading-center-absolute {
    position: fixed;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
    animation: loading-center-absolute 1s infinite;
    z-index:10004;
}
.object{
    width: 20px;
    height: 20px;
    background-color: #FFF;
    float: left;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;    
}
.object:nth-child(2n+0) {
    margin-right: 0px;
}
#object_one{
    -webkit-animation: object_one 1s infinite;
    animation: object_one 1s infinite;
    }
#object_two{
    -webkit-animation: object_two 1s infinite;
    animation: object_two 1s infinite;
    }   
#object_three{
    -webkit-animation: object_three 1s infinite;
    animation: object_three 1s infinite;
    }       
#object_four{
    -webkit-animation: object_four 1s infinite;
    animation: object_four 1s infinite;
    }       
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
    }           
    
}
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
    }
}
@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
    -webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
    }
}       
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
    -webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
    }
}
@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
    -webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
    }
}       
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
    -webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
    }
}
@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
    -webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
    }
}       
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
    -webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
    }
}
@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
    -webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
    }
}       
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
    -webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
    }
}