﻿/*说明：版本v1.0.0  修改日期:2018-09-26  
通用组件库
此样式表适用于手机端项目
c- 开头代表component组件
*/

/* css reset */
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none;border:none;}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
table,tr,td{border-collapse: collapse;}
em{font-style:normal;}


/* 关闭X */

/* 三角形箭头 */



/* 加号.减号 */


/*---------- 输入框通用样式 ----------*/


/*---------- 单选框&复选框通用样式 ----------*/



/*---------- 按钮通用样式 ----------*/
.c-button{overflow:hidden;display:inline-block;border:#e0e0e0 1px solid;border-radius:999px;background:#ffffff;text-align:center; text-decoration:none;font-size:16px;color:#333;font-weight:500;clear:both;}
.c-button__txt{display:inline-block;margin:8px auto;padding:0 30px;color:#333;font-weight:normal;}

/*--- 各种颜色风格 ---*/
/*纯色风格*/
.c-button--colorRed{border:#e70012 1px solid;background:#e70012;}
.c-button--colorRed .c-button__txt{color:#fff;}

.c-button--colorBlue{border:#2976f4 1px solid;background:#2976f4;}
.c-button--colorBlue .c-button__txt{color:#fff;}

.c-button--colorYellow{border:#ffd801 1px solid;background:#ffd801;}
.c-button--colorYellow .c-button__txt{color:#333;}

/*边框颜色风格*/
.c-button--borderColorRed{border:#e70012 1px solid;background:#fff;}
.c-button--borderColorRed .c-button__txt{color:#e70012;}

.c-button--borderColorBlue{border:#2976f4 1px solid;background:#fff;}
.c-button--borderColorBlue .c-button__txt{color:#2976f4;}

.c-button--borderColorYellow{border:#ffd801 1px solid;background:#fff;}
.c-button--borderColorYellow .c-button__txt{color:#333;}

/*--- 按钮其它样式 ---*/
/*按钮不可用*/
.c-button--disable{border:#e0e0e0 1px solid;background:#fff;}
.c-button--disable .c-button__txt{color:#ccc;}

/*提交按钮*/
.c-button--submit{border:#2976f4 1px solid;border-radius:999px;background:#2976f4;}
.c-button--submit .c-button__txt{color:#fff;}

/*取消或返回按钮*/
.c-button--cancel{border:#e0e0e0 1px solid;border-radius:999px;background:#ffffff;}
.c-button--cancel .c-button__txt{color:#333;}


/*---------- 系统弹出框样式 ----------*/
.c-sys-alert{z-index:10000;}
.c-sys-alert__bg{position:fixed;_position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;z-index:10001;}
.c-sys-alert__sprite{position:fixed;_position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;text-align:center;font-size:14px;z-index:10002;}
.c-sys-alert__inner{display:inline-block;border:1px solid #727272;border-radius:6px;background:#fff;min-width:480px;min-height:260px;max-width:960px;max-height:515px;}
.c-sys-alert__valign{display:inline-block;width:0;height:100%;vertical-align: middle;}