@charset "gb2312";
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body{font-family:'Microsoft yahei',Verdana,Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none}
html{-ms-touch-action:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img,fieldset{border:0}
a,img{outline:0;border:0}
img:hover{outline:0}
ul,ol{list-style:none}
em,address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}
a{color:#000;text-decoration:none}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
caption.th{text-align:center;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.clear{clear:both;width:100%}
.nowrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all }
.notify { position: fixed; margin: 0 auto; top: 15px; left: 0; right: 0; text-align: center; font-size: 15px; opacity: 0; width: 180px; padding: 10px; border-radius: 3px; color: #FFFFFF; background: #1F1F1F; z-index: 9999; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; -moz-transform: translateY(-100px); -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px) }
.notify-info { color: #FFFFFF; background: #68B5E9;word-break:break-all; }
.notify-warn { color: #FFFFFF; background: #F8AE1A;word-break:break-all; }
.notify-error { color: #FFFFFF; background: #CF4965;word-break:break-all; }
.notify-success { color: #FFFFFF; background: #5CB811;word-break:break-all; }
.notify-animate, .notify-js-animate { opacity: 1; -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.clear:after{clear:both;display:block;margin-top:-1px;height:1px;content:''}
.clear{clear:both;height:0;font-size:0;line-height:0}
.common-dialog { position: absolute; z-index: 2000; top: -9999px; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 0 8px #666666; background-color: #FFFFFF; background-clip: padding-box; border-radius: 5px }
.common-dialog .wrapper header { border-bottom: 1px solid #E5E5E5; height: 40px; padding: 0 20px; background: #F9F9F9; border-radius: 5px 5px 0 0 }
.common-dialog .wrapper header .title { font-size: 15px; line-height: 40px; max-width: 400px; display: inline-block; white-space: nowrap; overflow: hidden; float: left; text-overflow: ellipsis; _width: 350px }
.common-dialog .wrapper header .close { background: url(../images/buttons/close.png) no-repeat scroll center center transparent; height: 20px; overflow: hidden; position: absolute; right: 15px; text-indent: -9999px; top: 10px; width: 20px }
.common-dialog .wrapper header .close:hover { background-image: url(../images/buttons/close-hover.png); cursor: pointer }
.common-dialog .wrapper header .minify { background: transparent url(../images/buttons/minify.png) center center no-repeat; width: 20px; height: 20px; overflow: hidden; position: absolute; right: 40px; text-indent: -9999px; top: 10px }
.common-dialog .wrapper header .minify:hover { background-image: url(../images/buttons/minify-hover.png) }
.common-dialog .wrapper section { font-size: 14px; padding: 20px 30px; word-wrap: break-word }
.common-dialog .wrapper .default-text { font-size: 14px; padding: 20px 0 20px 30px; background: transparent url(../images/animate/loading.gif) 0 center no-repeat }
.common-dialog .wrapper footer { text-align: right; border-radius: 0 0 5px 5px; background: #F9F9F9; border-top: 1px solid #E5E5E5; padding: 4px 13px }
.common-dialog .wrapper footer input { margin-left: 10px }
#maskLayer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.2; z-index: 1000; display: none; background-color: #000000; filter: alpha(opacity=20); _position: absolute; _width: 100% }
#maskLayer iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0) }
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
input{-webkit-appearance:none;border:0;}
input[type="submit"],input[type="reset"],input[type="button"],input{-webkit-appearance:none}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only}
input:focus,textarea:focus{outline:0}

.fl{float:left;}
.fr{float:right;}

input[type='checkbox']{
	-webkit-appearance: checkbox;
	box-sizing: border-box;	
}
/*文字不换行多余省略*/
.text_overflow{word-break:keep-all;/* 不换行 */
 white-space:nowrap;/* 不换行 */ 
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;}/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ 

/*显示两行后，多余部分用省略号*/
.text-overflowa{text-overflow: -o-ellipsis-lastline;
overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;}

/*文字大小*/
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f26{font-size:26px;}
.f36{font-size:36px;}
.f40{font-size:40px;}

/*行高*/
.line20{line-height:20px;}
.line24{line-height:24px;}
.line30{line-height:30px;}
.line40{line-height:40px;}
.line50{line-height:50px;}
.line60{line-height:60px;}

/*文字加粗*/
.fwb{font-weight:bold;}


.mask_white{background-color:rgba(255,255,255,0.6);position:fixed;left:0;top:0;width:100%;height:100%;}
.mask_back{background-color:rgba(0,0,0,0.6);position:fixed;left:0;top:0;width:100%;height:100%;}

/*手机端的的提示，包括错误提示，警告 ，相关信息的提示，成功提示*/
#phoneTip {background-color:rgba(0,0,0,0.6);position:fixed;left:0;top:0;width:100%;height:100%; display: none; z-index: 9999;}
.phone-error,.phone-warn ,.phone-info,.phone-success {width:70%;border-radius:10px;margin:auto auto;position:absolute;top:50%;left:50%;margin-top:-65px;margin-left:-35%;color:#ffffff;font:normal 16px/20px Microsoft Yahei; text-align:center;padding: 10px 0;}
.phone-info { color: #FFFFFF; background: #68B5E9;word-break:break-all; }
.phone-warn { color: #FFFFFF; background: #F8AE1A;word-break:break-all; }
.phone-error { color: #FFFFFF; background: #CF4965;word-break:break-all; }
.phone-success { color: #FFFFFF; background: #5CB811;word-break:break-all; }