/*说明：版本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:#FFFFFF;}
table,tr,td{border-collapse:collapse;}
em{font-style:normal;}


/*----- 字体颜色 -----*/
.f-black{color:#222222;}
.f-gray{color:#888888;}
.f-lightGray{color:#cccccc;}
.f-red{color:#ed1c24;}
.f-green{color:#20b200;}
.f-blue{color:#0856bb;}
.f-yellow{color:#fff100;}
.f-orange{color:#ff5400;}

/*----- 背景颜色 -----*/
.b-black{background:#333333;}
.b-gray{background:#888888;}
.b-red{background:#ed1c24;}
.b-green{background:#20b200;}
.b-blue{background:#4D75E5;}
.b-yellow{background:#fff100;}
.b-orange{background:#ff5400;}

/*----- 字体大小 -----*/
.f10{font-size: 1.0rem !important;}
.f11{font-size: 1.1rem !important;}
.f12{font-size: 1.2rem !important;}
.f14{font-size: 1.4rem !important;}
.f16{font-size: 1.6rem !important;}
.f18{font-size: 1.8rem !important;}
.f20{font-size: 2.0rem !important;}
.f24{font-size: 2.4rem !important;}
.f28{font-size: 2.8rem !important;}
.f32{font-size: 3.2rem !important;}
.f36{font-size: 3.6rem !important;}
.f44{font-size: 4.4rem !important;}
.f54{font-size: 5.4rem !important;}
.f64{font-size: 6.4rem !important;}
.f72{font-size: 7.2rem !important;}
.f100{font-size: 10.0rem !important;}
.f180{font-size: 18.0rem !important;}

/*----- 边距 -----*/
.mt4{margin-top: 0.4rem;}
.mt6{margin-top: 0.6rem;}
.mt10{margin-top: 1.0rem;}
.mt20{margin-top: 2.0rem;}
.mt30{margin-top: 3.0rem;}
.mt40{margin-top: 4.0rem;}
.mt60{margin-top: 6.0rem;}
.mt80{margin-top: 8.0rem;}
.mt100{margin-top: 10.0rem;}
.mt120{margin-top: 12.0rem;}
.mt150{margin-top: 15.0rem;}
.ml4{margin-left: 0.4rem;}
.ml6{margin-left: 0.6rem;}
.ml10{margin-left: 1.0rem;}
.ml20{margin-left: 2.0rem;}
.ml30{margin-left: 3.0rem;}
.ml40{margin-left: 4.0rem;}
.ml80{margin-left: 8.0rem;}
.mr4{margin-right: 0.4rem;}
.mr10{margin-right: 1.0rem;}
.mr20{margin-right: 2.0rem;}
.mr30{margin-right: 3.0rem;}
.mb10{margin-bottom: 1.0rem;}
.mb14{margin-bottom: 1.4rem;}
.mb20{margin-bottom: 2.0rem;}
.mx6{margin-left: 0.6rem;margin-right: 0.6rem;}
.mx10{margin-left: 1.0rem;margin-right: 1.0rem;}
.my20{margin-top: 2.0rem;margin-bottom: 2.0rem;}
.pl10{padding-left: 1.0rem;}
.pl20{padding-left: 2.0rem;}
.pl40{padding-left: 4.0rem;}
.pl60{padding-left: 6.0rem;}
.pb20{padding-bottom: 2.0rem;}
.pb40{padding-bottom: 4.0rem;}
.pb70{padding-bottom: 7.0rem;}
.pr20{padding-right: 2.0rem;}
.pt10{padding-top: 1.0rem;}
.pt20{padding-top: 2.0rem;}
.pt30{padding-top: 3.0rem;}
.pt100{padding-top: 10.0rem;}
.rem10{padding-left:1.0rem;padding-right: 1.0rem;}
.rem20{padding-left:2.0rem;padding-right: 2.0rem;}
.rem40{padding-left:4.0rem;padding-right: 4.0rem;}
.py10{padding-top: 1.0rem;padding-bottom: 1.0rem;}
.py20{padding-top: 2.0rem;padding-bottom: 2.0rem;}
.py30{padding-top: 3.0rem;padding-bottom: 3.0rem;}
.py40{padding-top: 4.0rem;padding-bottom: 4.0rem;}
.py60{padding-top: 6.0rem;padding-bottom: 6.0rem;}
.py100{padding-top: 10.0rem;padding-bottom: 10.0rem;}
.py120{padding-top: 12.0rem;padding-bottom: 12.0rem;}
.p10{padding: 1.0rem;}
.p20{padding: 2.0rem;}
.p30{padding: 3.0rem;}


/* 关闭X */
.c-close {position:relative;display:inline-block;width:2.4rem;height:2.4rem;overflow:hidden;}
.c-close:hover::before, 
.c-close:hover::after{background:#C7C5C6;}
.c-close::before, 
.c-close::after {content:'';position:absolute;height:0.2rem;width:100%;top:50%;left:0;margin-top:-0.1rem;background:#C7C5C6;}
.c-close::before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);}
.c-close::after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg);}
.c-close--big {-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);}
.c-close--hairline::before, 
.c-close--hairline::after{height:0.1rem;}
.c-close--thick::before, 
.c-close--thick::after{height:0.4rem;margin-top:-0.2rem;}
.c-close--black::before, 
.c-close--black::after{height:0.8rem;margin-top:-0.4rem;}
.c-close--heavy::before, 
.c-close--heavy::after{height:1.2rem;margin-top:-0.6rem;}
.c-close--pointy::before, 
.c-close--pointy::after{width:200%;left:-50%;}
.c-close--rounded::before, 
.c-close--rounded::after{border-radius:0.5rem;}
.c-close--blades::before, 
.c-close--blades::after{border-radius:5rem 0;}
.c-close--warp::before, 
.c-close--warp::after{border-radius:120% 0;}
.c-close--fat::before, 
.c-close--fat::after{border-radius:100%;}

/* 三角形箭头 */
.c-arrow{display:inline-block;width:0.8rem;height:0.8rem;border-top:0.2rem solid #a5a5a5;border-right:0.2rem solid #a5a5a5;border-bottom:0.2rem solid transparent;border-left:0.2rem solid transparent;}
.c-arrow--top{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.c-arrow--right{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.c-arrow--bottom{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.c-arrow--left{transform:rotate(225deg);-webkit-transform:rotate(225deg);}

/* 加号.减号 */
.c-add{position:relative;display:inline-block;width:2.0rem;height:2.0rem;box-sizing:border-box; vertical-align:middle;}
.c-add:before{content:'';position:absolute;width:100%;height:2px;left:50%;top:50%;margin-left:-1.0rem;margin-top:-1px;background-color:#AAABB2;border-radius:0.3rem;}
.c-add:after{content:'';position: absolute;width:2px;height:100%;left:50%;top:50%;margin-top:-1.0rem;margin-left:-1px;background-color:#AAABB2;border-radius:0.3rem;}

.c-minus{position:relative;display:inline-block;width:2.0rem;height:2.0rem;box-sizing:border-box;vertical-align:middle;}
.c-minus:before{content:'';position:absolute;width:100%;height:2px;left:50%;top:50%;margin-left:-1.0rem;margin-top:-1px;background-color:#AAABB2;}

/*---------- 输入框通用样式 ----------*/
.c-input{position:relative;margin:0;padding:0;font-size:0;}
.c-input__label,
.c-input__field{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.c-input__label{}
.c-input__field{font-size: 1.2rem;}
.c-input__icon{display:inline-block;width:2.2rem;height:2.2rem;background:url(/images/merchant/icons_common.png) no-repeat;background-size:100%;}
.c-input__icon--user{background-position:0 0;}
.c-input__clear{display:none;position:absolute;top:50%;right:2.0rem;margin-top:-0.9rem;width:1.8rem;height:1.8rem;background-color:#DDDDDD;border-radius:2.0rem;}
.c-input__clear:after,
.c-input__clear:before{content:' ';display:inline-block;width:1.0rem;height:0.2rem;background-color:#FFFFFF;display:block;border-radius:0.1rem;}
.c-input__clear:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-left:0.4rem; margin-top:-0.2rem;}
.c-input__clear:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-left:0.4rem; margin-top:0.8rem;}
.c-input__clear:hover{background-color:#CCCCCC;}

/*简洁样式输入框*/
.c-input--base{background:#FFFFFF;}
.c-input--base .c-input__field{display:block;width:100%;height:5.2rem;border:#E0E0E0 1px solid;line-height:5.2rem;font-size:1.6rem;text-indent:1.5rem;}

/*简洁样式输入框*/
.c-input--concise{background:#FFFFFF;padding:1.6rem 0;border-bottom:#E0E0E0 1px solid;}
.c-input--concise .c-input__label,
.c-input--concise .c-input__field{display:block;height:2.0rem;line-height:2.0rem;font-size:1.6rem;vertical-align:middle;}
.c-input--concise .c-input__label{position:absolute;width:11.0rem;text-align:center;}
.c-input--concise .c-input__field{width:100%;border:none;text-indent:11.0rem;}

/*边框样式输入框*/
.c-input--edging{}
.c-input--edging .c-input__label,
.c-input--edging .c-input__field{display:block;height:5.2rem;line-height:5.2rem;font-size:1.6rem;}
.c-input--edging .c-input__label{position:absolute;width:9.0rem;text-align:center;}
.c-input--edging .c-input__field{width:100%;border:#E0E0E0 1px solid;text-indent:9.0rem;}

/*图标样式输入框*/
.c-input--pattern{}
.c-input--pattern .c-input__icon,
.c-input--pattern .c-input__field{display:inline-block;vertical-align:middle;}
.c-input--pattern .c-input__field{width:100%;height:5.2rem;line-height:5.2rem;border:none;border-bottom:#E0E0E0 1px solid;font-size:1.6rem;text-indent:6.0rem;}
.c-input--pattern .c-input__icon{position:absolute;left:1.8rem;top:1.4rem;}

/*---------- 单选框&复选框&下拉框 通用样式 ----------*/
.c-radio{}
.c-radio__status{position:relative;display:inline-block;width:2.0rem;height:2.0rem;background:#FFFFFF;border:#E0E0E0 2px solid;border-radius:10.0rem;text-align:center; vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:0;}
.c-radio__hook{display:none;}
.c-radio__label{display:inline-block;margin-left:0.5rem;font-size:1.6rem;color:#333333;vertical-align:middle;}
.c-radio--checked .c-radio__status{/*border-color:#0DD307;background-color:#0DD307;*/border-color:#FE0000;background-color:#FE0000;}
.c-radio--checked .c-radio__hook{position:absolute;top:0.25rem;left:0.25rem;display:inline-block;width:0.75rem;height:0.3rem;border-top:0.2rem solid #FFFFFF;border-right:0.2rem solid #FFFFFF;border-bottom:0.2rem solid transparent;border-left:0.2rem solid transparent;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
/*.c-radio--checked .c-radio__hook{display:inline-block;width:60%;height:60%;margin-top:20%;border-radius:999px;background:#66d163; vertical-align:middle;}*/

.c-checkbox{}
.c-checkbox__status{position:relative;display:inline-block;width:2.0rem;height:2.0rem;background:#C7C5C6;border-radius:0.5rem;text-align:center;vertical-align:middle;}
.c-checkbox__hook{position:absolute;top:0.3rem;left:0.4rem;display:inline-block;width:0.8rem;height:0.4rem;border-top:0.2rem solid #FFFFFF;border-right:0.2rem solid #FFFFFF;border-bottom:0.2rem solid transparent;border-left:0.2rem solid transparent;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.c-checkbox__label{display:inline-block;margin-left:0.5rem;font-size:1.6rem;color:#333333;vertical-align:middle;height:2.0rem;line-height:2.0rem;}
.c-checkbox--checked .c-checkbox__status{background:#FE0000;}

.c-select{display:inline-block;position:relative;}
.c-select:after{content:'';position:absolute;right:0.8rem;top:50%;display:inline-block;width:0.6rem;height:0.6rem;margin-top:-0.7rem;border-top:0.2rem solid #a5a5a5;border-right:0.2rem solid #a5a5a5;border-bottom:0.2rem solid transparent;border-left:0.2rem solid transparent;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.c-select select{padding:0.5rem 3.0rem 0.5rem 0.5rem;border:#E0E0E0 1px solid;border-radius:0.5rem;background:#FFFFFF;font-size:1.5rem;color:#333333;outline:none;-webkit-appearance:none;}
.c-select option{}

/*---------- 按钮通用样式 ----------*/
.c-button{overflow:hidden;display:inline-block;border:#E0E0E0 1px solid;border-radius:999px;background:#FFFFFF;text-align:center; text-decoration:none;font-size:1.4rem;color:#333333;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;clear:both;}
.c-button__txt{display:inline-block;margin:0.8rem auto;padding:0 1.0rem;color:#333333;font-weight:normal;}

/*--- 各种颜色风格 ---*/
/*纯色风格*/
.c-button--colorRed{border:#E70012 1px solid;background:#E70012;}
.c-button--colorRed .c-button__txt{color:#FFFFFF;}

.c-button--colorBlue{border:#2976F4 1px solid;background:#2976F4;}
.c-button--colorBlue .c-button__txt{color:#FFFFFF;}

.c-button--colorGreen{border:#28A745 1px solid;background:#28A745;}
.c-button--colorGreen .c-button__txt{color:#FFFFFF;}

.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:#FFFFFF;}
.c-button--borderColorRed .c-button__txt{color:#E70012;}

.c-button--borderColorBlue{border:#2976F4 1px solid;background:#FFFFFF;}
.c-button--borderColorBlue .c-button__txt{color:#2976F4;}

.c-button--borderColorYellow{border:#FFD801 1px solid;background:#FFFFFF;}
.c-button--borderColorYellow .c-button__txt{color:#333;}

/*--- 按钮其它样式 ---*/
/*按钮不可用*/
.c-button--disable{border:#E0E0E0 1px solid;background:#FFFFFF;}
.c-button--disable .c-button__txt{color:#CCCCCC;}

/*提交按钮*/
.c-button--submit{border:#2976F4 1px solid;border-radius:999px;background:#2976F4;}
.c-button--submit .c-button__txt{color:#FFFFFF;}

/*取消或返回按钮*/
.c-button--cancel{border:#E0E0E0 1px solid;border-radius:999px;background:#FFFFFF;}
.c-button--cancel .c-button__txt{color:#333333;}


/*---------- 切换通用样式 ----------*/
.c-basetab{display:-moz-box;display:-webkit-box;display:box;padding-left:1px;font-size:0;}
.c-basetab__item{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-size:1.6rem;}
.c-basetab__link{position:relative;display:block;color:#333333;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*按钮样式切换控件*/
.c-basetab--edging{}
.c-basetab--edging .c-basetab__link{height:3.6rem;line-height:3.6rem;margin-left:-1px;background:#FFFFFF;border:#E0E0E0 1px solid;font-weight:normal;font-size:1.6rem;z-index:1;color:#333333;text-align:center;}
.c-basetab--edging .c-basetab__link--current{color:#FFFFFF;background:#E4393C;border-color:#E4393C;z-index:2;}
.c-basetab--edging .c-basetab__link--disable{color:#999999;}
.c-basetab--edging .c-basetab__item:first-child a{border-radius:999px 0 0 999px;}
.c-basetab--edging .c-basetab__item:last-child a{border-radius:0 999px 999px 0;}

/*简洁样式切换控件*/
.c-basetab--concise{background:#FFFFFF;}
.c-basetab--concise .c-basetab__link{height:4.4rem;line-height:4.4rem;text-align:center;}
.c-basetab--concise .c-basetab__txt{padding:0 0.80rem;white-space:nowrap;}
.c-basetab--concise .c-basetab__link--current .c-basetab__txt{display:inline-block;height:4.4rem;border-bottom:#0961F1 2px solid;color:#116CFF;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*多项目样式切换控件*/
.c-basetab--multiple{width:100%;display:block;overflow:auto;white-space:nowrap;background:#FFFFFF;}
.c-basetab--multiple .c-basetab__item{display:inline-block;width:20%;}
.c-basetab--multiple .c-basetab__link{height:4.4rem;line-height:4.4rem;text-align:center;}
.c-basetab--multiple .c-basetab__txt{padding:0 1.0rem;}
.c-basetab--multiple .c-basetab__link--current .c-basetab__txt{display:inline-block;height:4.4rem;border-bottom:#E4393C 2px solid;color:#E4393C;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/*---------- 系统弹出框样式 ----------*/
/*带有确认按钮对话框*/
.c-sys-alert{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);text-align: center;z-index:1000;font-size:1.4rem;}
.c-sys-alert:after{display:inline-block;content: '';width:0;height:100%;vertical-align: middle;}
.c-sys-alert__sprite{position:relative;display:inline-block;width:85%;max-height:94%;vertical-align:middle;z-index:1001;}
.c-sys-alert__caption{height:5.2rem;line-height:6.2rem;padding:0 1.5rem;border-top-left-radius:0.8rem;border-top-right-radius:0.8rem;background:#FFFFFF;text-align:left;font-size:1.7rem;font-weight:bold;}
.c-sys-alert__conbox{overflow:auto;width:auto;padding:0 1.5rem;min-height:8.0rem;max-height:30.0rem;margin:0 auto;background:#FFFFFF;}
.c-sys-alert__promptText{width:100%;min-height:8.0rem;display:table;text-align:center;}
.c-sys-alert__promptTextInner{display:table-cell;vertical-align:middle;font-size:1.8rem;color:#333333;}
.c-sys-alert__operbox{overflow:hidden;width:100%;height:7.2rem;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;background:#FFFFFF;text-align:center;}
.c-sys-alert__operbox .c-button{padding:0 3.5rem;margin-top:1.5rem;}
.c-sys-alert__button{display:inline-block;width:52%;height:4.2rem;line-height:4.2rem;margin-top:0.5rem;border-radius:100px;border:#2F78EC 1px solid;background:#2F78EC;color:#FFFFFF;text-align:center;font-size:1.6rem;}
.c-sys-alert__close{position:absolute;right:1.2rem;top:1.0rem;width:2.4rem;height:2.4rem;}

/*带有确认和取消按钮的对话框*/
.c-sys-confirm{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);text-align:center;z-index:1000;font-size:1.4rem;}
.c-sys-confirm:after{display:inline-block;content:'';width:0;height:100%;vertical-align: middle;}
.c-sys-confirm__sprite{position:relative;display:inline-block;width:85%;max-height:94%;vertical-align:middle;z-index:1001;}
.c-sys-confirm__caption{height:5.2rem;line-height:6.2rem;padding:0 1.5rem;border-top-left-radius:0.8rem;border-top-right-radius:0.8rem;background:#FFFFFF;text-align:left;font-size:1.7rem;font-weight:bold;}
.c-sys-confirm__conbox{overflow:auto;width:auto;padding:0 1.5rem;min-height:8.0rem;max-height:30.0rem;margin:0 auto;background:#FFFFFF;}
.c-sys-confirm__promptText{width:100%;display:table;min-height:8.0rem !important;text-align:center;}
.c-sys-confirm__promptTextInner{display:table-cell;vertical-align:middle;font-size:1.8rem;color:#333333;}
.c-sys-confirm__operbox{overflow:hidden;width:100%;height:7.2rem;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;background:#FFFFFF;text-align:center;font-size:0;}
.c-popup__operbox .c-button{width:44%;padding:0;margin-top:1.5rem;}
.c-popup__operbox .c-button:last-child{margin-left:1.0rem;}
.c-sys-confirm__button{display:inline-block;width:44%;height:4.2rem;line-height:4.2rem;margin-top:0.5rem;border:#DADADA 1px solid;border-radius:10.0rem;background:#FFFFFF;background: -moz-linear-gradient(top,#F2F2F2,#E7E7E7);background:-webkit-gradient(linear, 0 0, 0 100%, from(#F2F2F2), to(#E7E7E7));text-align:center;color:#333333;font-size:1.6rem;}
.c-sys-confirm__button--confirm{margin-right:1.0rem;border:#2F78EC 1px solid;background:#2F78EC;color:#FFFFFF;}
.c-sys-confirm__close{position:absolute;right:1.2rem;top:1.0rem;width:2.4rem;height:2.4rem;}


/*---------- 自定义弹出框样式 ----------*/
.c-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);text-align:center;z-index:1000;font-size:1.4rem;}
.c-popup:after{display:inline-block;content:'';width:0;height:100%;vertical-align: middle;}
.c-popup__sprite{position:relative;display:inline-block;width:85%;max-height:94%;vertical-align:middle;z-index:1001;}
.c-popup__caption{height:5.2rem;line-height:5.2rem;padding:0 1.0rem;border-top-left-radius:0.8rem;border-top-right-radius:0.8rem;background:#FFFFFF;text-align:left;font-size:1.6rem;font-weight:bold;}
.c-popup__conbox{overflow:auto;width:auto;padding:0 1.5rem;min-height:8.0rem;max-height:30.0rem;margin:0 auto;background:#FFFFFF;}
.c-popup__promptText{width:100%;min-height:8.0rem;display:table;text-align:center;}
.c-popup__promptTextInner{display:table-cell;vertical-align:middle;font-size:1.8rem;color:#666666;}
.c-popup__operbox{overflow:hidden;width:100%;height:7.2rem;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;background:#FFFFFF;text-align:center;font-size:0;}
.c-popup__operbox .c-button{width:44%;padding:0;margin-top:0.5rem;}
.c-popup__operbox .c-button:last-child{margin-left:1.0rem;}
.c-popup__button{display:inline-block;width:44%;height:4.0rem;line-height:4.0rem;margin-top:0.5rem;border:#DADADA 1px solid;border-radius:10.0rem;background:#FFFFFF;background:-moz-linear-gradient(top,#F2F2F2,#E7E7E7);background:-webkit-gradient(linear,0 0,0 100%,from(#F2F2F2),to(#E7E7E7));text-align:center;font-size:1.6rem;color:#333333;}
.c-popup__button--confirm{margin-right:1.0rem;border:#2F78EC 1px solid;background:#2F78EC;color:#FFFFFF;}
.c-popup__close{position:absolute;right:1.2rem;top:1.0rem;width:2.4rem;height:2.4rem;}


/*带有确认按钮对话框*/
.c-popup--alert{}
.c-popup--alert .c-popup__button--confirm{width:52%;}

/*带有确认和取消按钮的对话框*/
.c-popup--confirm{}

/*更多选择按钮弹出对话框*/
.c-more-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;}
.c-more-popup:after{display:inline-block;content:'';width:0;height:100%;vertical-align: middle;}
.c-more-popup__conbox{position:absolute;}
.c-more-popup__operbox{background-color:#FFFFFF;padding:1.2rem;border-radius:0.8rem;box-shadow:0 0.1rem 2.0rem 0 #BBBBBB;}
.c-more-popup__arrow{text-align:center;height:1.0rem;}
.c-more-popup__arrow:before{display:inline-block;content:'';width:0;height:0;border-top:0.8rem solid #FFFFFF;border-left:0.8rem solid transparent;border-right:0.8rem solid transparent;border-bottom:0;vertical-align:top;box-shadow:0 0.6rem 1.0rem -0.3rem #DDDDDD;}
.c-more-popup__button{font-size:1.6rem;text:center;background-color:#FF0000;color:#FFFFFF;padding:0.3rem 0.1rem;border-radius:10.0rem;}

/*---------- 通用布局结构 ----------*/
.c-column{display: table;width:100%;}
.c-column__item{display: table-cell; vertical-align: middle;}
.c-column--12{width: 100%;}
.c-column--11{width: 91.66666667%;}
.c-column--10{width: 83.33333333%;}
.c-column--9{width: 75%;}
.c-column--8{width: 66.66666667%;}
.c-column--7{ width: 58.33333333%;}
.c-column--6{width: 50%;}
.c-column--5{width: 41.66666667%;}
.c-column--4{width: 33.33333333%;}
.c-column--3{width: 25%;}
.c-column--2{width: 16.66666667%;}
.c-column--1{width: 8.33333333%;}

.c-navtab{font-size: 0;}
.c-navtab__item,
.c-navtab__link{display: inline-block;}
.c-navtab__item{margin-right: 0.5rem;}
.c-navtab__link{border:#ddd 1px solid;padding:0.7rem 2.0rem;font-size: 1.2rem;border-radius: 0.4rem;}
.c-navtab__item--selected a,
.c-navtab__item--selected a:visited{border-color: #F15B52;color:#F15B52;}

/*---------- 等待中样式 ----------*/
.c-waiting{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.65);text-align:center;z-index:1000;font-size:1.4rem;}
.c-waiting:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle;}
.c-waiting__body{position:relative;display:inline-block;padding:1.5rem;border-radius:1.0rem;background:#FFFFFF;vertical-align:middle;z-index:1001;}
.c-waiting__prompt{}
.c-waiting__loadIcon{display:block;margin:0 auto;width:3.2rem;height:3.2rem;background:url(/images/merchant/c_loading.gif) no-repeat center;background-size:3.2rem;vertical-align:middle;}
.c-waiting__loadTxt{display:block;margin:0 auto;margin-top:0.5rem;}

/*---------- 吐司样式 ----------*/
.c-toast{position:fixed;left:0;top:48%;width:100%;text-align:center;z-index:1002;font-size:1.4rem;}
.c-toast__body{display:inline-block;max-width:80%;margin:0 auto;color:#FFFFFF;background-color:rgba(0,0,0,0.65);padding:1.0rem 2.0rem;border-radius:50.0rem;}

/*---------- 底线.上拉加载更多 ----------*/
/*上拉加载更多*/
.c-push-loading{margin:1.5rem auto;}
.c-push-loading__prompt{text-align:center;}
.c-push-loading__promptTxt{color:#999999;font-size:1.6rem;line-height:2.0rem;}
.c-push-loading__prompt img{display:inline-block;width:2.0rem;height:2.0rem;vertical-align:top;margin-right:0.8rem;}

/* 底线.上拉加载更多 */
.c-baseline{display:table;width:100%;margin:1.5rem auto 7.0rem auto;padding:0 4%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.c-baseline__linebox,
.c-baseline__txt{display:table-cell;vertical-align:middle;}
.c-baseline__linebox{width:35%;}
.c-baseline__txt{color:#CBCBCB;text-align:center;}
.c-baseline__line{display:block;height:1px;background:#E0E0E0;}

/*---------- 浮动返回 ----------*/
.c-back{position:fixed;bottom:8.0rem;left:1.5rem;display:block;width:4.4rem;height:4.4rem;background:#FFFFFF;border-radius:100%;box-shadow:0 0 0.5rem #BBBBBB;text-align:center;vertical-align:middle;}
.c-back__icon{display:inline-block;width:100%;height:100%;border-radius:100%;background:url(/images/merchant/c_icons.png) no-repeat;background-size:100%;}
.c-back--home .c-back__icon{background-position:0 -4.4rem;}

/*---------- 小提示浮层 ----------*/
.c-tips{position:absolute;display:inline-block;border:#FFB554 1px solid;border-radius:0.3rem;background:#fffde8;}
.c-tips:after{content:'';position: absolute;bottom:-0.6rem;left:50%;display:inline-block;width:0.8rem;height:0.8rem;margin-left:-0.4rem;background:#FFFDE8;border-top:1px solid #FFB554;border-right:1px solid #FFB554;border-bottom:1px solid transparent;border-left:1px solid transparent;transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.c-tips__text{padding:0.3rem 1.5rem;}

/*---------- 修复弹窗背景滚动 ----------*/
.c-fixroller{overflow:scroll;height:100%;box-sizing:border-box;}


/*---------- 日期控件 BEGIN ----------*/
.date_range_date{ float:left;}
.date_range_date a.opt_sel:link, .date_range_date a.opt_sel:visited{}
.date_range_date a.opt_sel:active, .date_range_date a.opt_sel:hover{}
.date_range_calendar{background-color:#FFFFFF;font-size:1.4rem;text-align:left;z-index:100;position:absolute;right:1.0rem;border-radius:1.5rem;box-shadow:0 0.2rem 2.0rem rgba(0,0,0,0.2);}
.date_range_calendar td .i_pre,
.date_range_calendar td .i_next,
.date_range_calendar td.date_range_dateRangeSelected,
.date_range_calendar td.first,
.date_range_calendar td.last,
.date_range_calendar td.selected,.date_range_calendar td.single_selected{cursor:pointer;}
.date_range_calendar td .i_pre, 
.date_range_calendar td .i_next{width:2.2rem;height:2.2rem;display:inline-block;border:0.1rem solid #DDDDDD;border-radius:3.0rem;cursor:pointer;font-size:0;}
.date_range_calendar td .i_pre:hover{border-color:#CCCCCC;background-color:#F8F8F8;}
.date_range_calendar td .i_next:hover{border-color:#CCCCCC;background-color:#F8F8F8;}
.date_range_calendar td.date_range_dateRangeGray{color:#CCCCCC;cursor:default;background-color:#F4F4F4;}
.date_range_calendar td.first:after,
.date_range_calendar td.selected:after{content:"开始";display:block;font-size:1.2rem;color:#FFFFFF;}
.date_range_calendar td.last:after{content:"结束";display:block;font-size:1.2rem;color:#FFFFFF;}
.date_range_calendar .dis{color:#9E9E9E;}
.date_range_calendar table{_display:inline;border-collapse:collapse;width:100%;}
.date_range_calendar table caption{text-align:center;height:4.0rem;line-height:4.0rem;font-size:1.6rem;}
.date_range_calendar table thead th{cursor:pointer;text-align:center;height:4.0rem;background-color:#FCFCFC;font-weight:normal;}
.date_range_calendar table.calendar-month{font-size:1.6rem;float:left;margin:0 1.5rem;_display:inline;border-spacing:0.7rem;border-collapse:separate;margin-bottom:1.0rem;}
.calendar-month caption{border-bottom:1px solid #E1E1E1;}
.calendar-month tbody td{line-height:3.0rem;padding:0.4rem 1.1rem;text-align:center;white-space:nowrap;cursor:pointer;}
.calendar-month td.hover,
.calendar-month td:hover,
.calendar-month caption span:hover{color:#6590C1;border:1px solid #6590C1;padding:0.3rem 1.0rem;cursor:pointer;}
.calendar .dis:hover{color:#9E9E9E;border:1px solid #D3D5D6;padding:0.3rem 1.0rem;}
.calendar-month td.current{background:#F3F6FF;color:#FFFFFF;}
.date_range_calendar table thead th.sun{color:#999999;}
.date_range_calendar table thead th.sat{color:#999999;}
.date_range_calendar table td:first-child{height:0;}
.date_range_calendar table tbody td{text-align:center;white-space:nowrap;height:4.5rem;width:4.5rem;border:1px solid #FFFFFF;font-size:1.6rem;}
.date_range_calendar table tbody td.month_cell{width:8.0rem;height:8.0rem;}
.date_range_calendar_cont{position:relative;padding:0 0.2rem;}
.date_range_calendar_cont td .i_pre,
.date_range_calendar_cont td .i_next{position:absolute;top:0.8rem;}
.date_range_calendar_cont td .i_pre{left:1.0rem;}
.date_range_calendar_cont td .i_pre:after{content:' ';display:inline-block;width:0.6rem;height:0.6rem;margin-left:0.3rem;margin-top:0.7rem;border-top:0.2rem solid #CCCCCC;border-left:0.2rem solid #CCCCCC;transform:rotate(-45deg);}
.date_range_calendar_cont td .i_next{right:1.0rem;}
.date_range_calendar_cont td .i_next:after{content:' ';display:inline-block;width:0.6rem;height:0.6rem;margin-right:0.3rem;margin-top:0.7rem;border-top:0.2rem solid #CCCCCC;border-right:0.2rem solid #CCCCCC;transform:rotate(45deg);}
.date_range_calendar_footer{border-top:1px solid #F8F8F8;background:transparent;padding-top:0.5rem;height:4.0rem;}
.date_range_calendar_footer .frm_btn{float:right;}
.date_range_calendar_footer .frm_btn label{display:inline-block;height:3.2rem;line-height:3.2rem;margin-right:2.0rem;font-size:1.4rem;color:#3D3D3D;}
.date_range_calendar_footer .frm_msg{float:left;vertical-align:middle;}
.date_range_btn{font-size:1.4rem;width:7.0rem;height:3.2rem;line-height:3.2rem;background-color:#F5F5F5;border-radius:3.0rem;color:#333333;cursor:pointer;display:inline-block;margin-bottom:0;outline:0 none;text-align:center;}
.date_range_btn:hover, .date_range_btn:active, .date_range_btn.active, .date_range_btn.disabled, .date_range_btn[disabled]{color:#333333;}
.date_range_btn:hover{background-color:#FEFEFE;background-image:none;color:#333333;text-decoration:none;}
.date_range_btn:focus{outline:thin dotted #333333;}
.date_range_btn.active, .date_range_btn:active{background-color:#E6E6E6;background-image:none;outline:0 none;}
.date_range_btn.disabled, .date_range_btn[disabled]{background-color:#E6E6E6;background-image:none;box-shadow:none;cursor:default;opacity:0.65;}
.date_range_btn{margin:0 0.5rem 0 0;vertical-align:top;}
.calendar_before_after:after{clear:both;}
.calendar_before_after:before, .calendar_before_after:after{content:"";display:table;}
/*---------- 日期控件 END ----------*/

/*---------- 地址下拉框 BEGIN ----------*/
.mask-black-dialog{background-color:rgba(0, 0, 0, 0.4);position:fixed;z-index:1500;bottom:0;right:0;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items: center;}
.mask-black{background-color:rgba(0,0,0,0.4);position:fixed;z-index:500;bottom:0;right:0;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.mask-white-dialog{background-color:rgba(0,0,0,0);position:fixed;z-index:1500;bottom:0;right:0;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.mask-white{background-color:rgba(0,0,0,0);position:fixed;z-index:500;bottom:0;right:0;left:0;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.m-cityselect{position:fixed;bottom:0;left:0;width:100%;height:75%;padding-top:8.5rem;z-index:1000;background-color:#FFFFFF;-webkit-transform:translate(0,100%);transform:translate(0,100%);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;}
.m-cityselect.brouce-in{-webkit-transform:translate(0,0);transform:translate(0,0);}
.cityselect-header{position:absolute;top:0;left:0;width:100%;z-index:1;}
.cityselect-header:after{content:'';position:absolute;z-index:0;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #D9D9D9;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.cityselect-title{width:100%;font-size:1.6rem;text-align:center;height:4.5rem;line-height:4.5rem;position:relative;}
.cityselect-title:after{content:'';position:absolute;z-index:0;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #B2B2B2;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.cityselect-nav{width:100%;padding-left:1.0rem;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.cityselect-nav > a{font-size:1.6rem;color:#222222;display:block;height:4.00rem;line-height:4.5rem;padding:0 1.0rem;position:relative;margin-right:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%;}
.cityselect-nav > a.crt{color:#F23030;}
.cityselect-nav > a.crt:after{content:'';width:100%;height:2px;background-color:#F23030;position:absolute;bottom:0;left:0;z-index:2;}
.cityselect-content{height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.cityselect-content.cityselect-move-animate{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.cityselect-content.cityselect-next{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);}
.cityselect-content.cityselect-prev{-webkit-transform:translate(0,0);transform:translate(0,0);}
.cityselect-content > .cityselect-item{display:block;height:inherit;width:50%;-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#FFFFFF;}
.cityselect-content > .cityselect-item::-webkit-scrollbar{width:0;}
.cityselect-content > .cityselect-item:nth-child(2n){background-color:#F5F5F5;}
.cityselect-item-box{width:auto;height:inherit;display:block;padding:0 2.0rem;}
.cityselect-item-box > a{color:#333333;font-size:1.6rem;height:4.0rem;line-height:4.0rem;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;z-index:1;}
.cityselect-item-box > a:before{content:'';position:absolute;z-index:0;bottom:0;left:0;width:100%;height:1px;border-bottom:1px solid #D9D9D9;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
.cityselect-item-box > a:active{background:none;}
.cityselect-item-box > a span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;}
.cityselect-item-box > a.crt{color:#F23030;}
.cityselect-item-box > a.crt:after{display:block;content:' ';width:0.3rem;height:0.8rem;margin-right:0.5rem;margin-bottom:0.5rem;border-color:transparent #FF0000 #FF0000 transparent;border-style:solid;border-width:0.2rem;transform:rotate(45deg);}
/*---------- 地址下拉框 END ----------*/

/*---------- 上传相关样式 BEGIN ----------*/
.file_upload_layout{position:relative;background-color:#F8F8F8;}
.file_upload_layout .error{background:url("/images/img_error.jpg") center center no-repeat;}
.fileinput-layout{position:absolute;top:0;width:100%;height:100%;z-index:1;}
.fileinput-button{position:relative;width:100%;height:100%;overflow:hidden;display:inline-block;}
.fileinput-button input{position:absolute;top:0;right:0;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:120px;direction:ltr;cursor:pointer}
@media screen\9{.fileinput-button input{filter:alpha(opacity=0);font-size:100%;height:100%}}
.fileinput-button .fileinput-title{position:absolute;width:100%;height:3.0rem;line-height:3.0rem;white-space:nowrap;left:0;bottom:0;color:#FFFFFF;text-indent:1.0rem;background-color:rgba(0,0,0,0.3);}
.fileinput-button .fileinput-icon{position:absolute;right:1.0rem;bottom:0.8rem;width:2.0rem;height:2.0rem;padding:0.5rem;border-radius:50%;background-color:#2976F4;border:0.2rem solid #FFFFFF;}
.fileinput-button .fileinput-icon .c-add:before{background-color:#FFFFFF;}
.fileinput-button .fileinput-icon .c-add:after{background-color:#FFFFFF;}

.file_upload_progress_layout_background{position:fixed;z-index:100;width:100%;height:100%;top:0;left:0;background:#000000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.file_upload_progress_layout{position:fixed;z-index:101;width:100%;display:block;margin:0 auto;top:40%;text-align:center;}
.file_upload_progress_layout_circle{position:relative;}
.file_upload_progress_layout_circle .circleChart_text{color:#FFFFFF;}
.file_upload_progress_layout_circle .process_text{margin-top:0.8rem;color:#FFFFFF;}

/*---------- 上传相关样式 END ----------*/