@charset "utf-8";
/**
* @copyright:建站宝，问鼎科技旗下专业建站品牌
* author:zcx QQ 613600010
* date:2016-08-05
* description:css基本库，配合amazeui
* version:1.4
**/


/*angular*/

.ng_hide { display: none}

/*2013-3-3 建站宝*/


/*整体设置*/

body {color: #333;}
* {list-style: none;outline: none;}
dl,
dt,
dd,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0; padding: 0; font-weight: 400}
img {border: none;}

/*对齐方式*/

.fl {float: left!important}
.fr {float: right!important}
.cl {clear: both!important}
.tl {text-align: left!important}
.tr {text-align: right!important}
.tc {text-align: center!important}
.mc {margin: 0 auto!important}

/*间距*/

.mlr-5 {margin: 0 -5px!important;}
.mlr-10 {margin: 0 -10px!important;}
.m0 { margin: 0!important;}
.mt0 { margin-top: 0!important;}
.mr0 { margin-right: 0!important;}
.mb0 { margin-bottom: 0!important;}
.ml0 { margin-left: 0!important;}
.m5 { margin: 5px!important;}
.mt5 { margin-top: 5px!important;}
.mr5 { margin-right: 5px!important;}
.mb5 { margin-bottom: 5px!important;}
.ml5 { margin-left: 5px!important;}
.m_5_0 { margin: 5px 0 !important;}
.m_0_5 { margin: 0 5px !important;}
.m10 { margin: 10px!important;}
.mt10 { margin-top: 10px!important;}
.mr10 { margin-right: 10px!important;}
.mb10 { margin-bottom: 10px!important;}
.ml10 { margin-left: 10px!important;}
.m_10_0 { margin: 10px 0 !important;}
.m_0_10 { margin: 0 10px !important;}
.m15 { margin: 15px!important;}
.mt15 { margin-top: 15px!important;}
.mr15 { margin-right: 15px!important;}
.mb15 { margin-bottom: 15px!important;}
.ml15 { margin-left: 15px!important;}
.m_15_0 { margin: 15px 0 !important;}
.m_0_15 { margin: 0 15px !important;}

/*颜色*/

.cf60 {color: #f60!important;}
.cf00 {color: #f00!important;}
.c900 {color: #900!important;}
.cbbb { color: #bbb!important}

/*字体字号*/

.fz0 {font-size: 0!important}
.fz10 {font-size: 10px!important}
.fz11 {font-size: 11px!important}
.fz12 {font-size: 12px!important}
.fz13 {font-size: 13px!important}
.fz14 {font-size: 14px!important}
.fz15 {font-size: 15px!important}
.fz16 {font-size: 16px!important}
.fz17 {font-size: 17px!important}
.fz18 {font-size: 18px!important}
.fz19 {font-size: 19px!important}
.fz20 {font-size: 20px!important}
.fz21 {font-size: 21px!important}
.fz22 {font-size: 22px!important}
.fz23 {font-size: 23px!important}
.fz24 {font-size: 24px!important}
.fz25 {font-size: 25px!important}
.fz26 {font-size: 26px!important}
.fz27 {font-size: 27px!important}
.fz28 {font-size: 28px!important}
.fz29 {font-size: 29px!important}
.fz30 {font-size: 30px!important}
.fb {font-weight: 700!important}

/*其它*/

.over0 {overflow: hidden!important;}
.noborder {border: none!important}
.nobg { background: none!important}
.hidden {display: none}
.show {display: block}

/*相对固定*/

.fixed { position: fixed; top: 0;}

/*手机版多图上传*/

.upload_mobile_more { margin: 0 -5px; padding: 0;}
.upload_mobile_more li { padding: 5px; margin: 0; float: left; width: 33.3333%;text-align: center;}
.upload_mobile_more li div { width: 100%; position: relative;}
.upload_mobile_more li i.icon {font-size: 50px; color: #999;}
.upload_mobile_more .mask {background: rgba(0, 0, 0, 0.5); color: #fff;}
.upload_mobile_more .btn_upload,
.upload_mobile_more .btn_upload_del {}

.upload_mobile_more .btn_upload_del p { padding-top: 5px;}
.upload_mobile_more .box {height: 100%; width: 100%; background: #eee; margin: auto;}
.upload_mobile_more .table { display: table;}
.upload_mobile_more .table-cel { display: table-cell; vertical-align: middle;}

/*加载动画*/

#spinner {margin: auto;width: 15rem; height: 5rem;text-align: center; position: absolute;left: 0;top: 0;right: 0;bottom: 0; z-index: 99;}
#spinner>div {display: inline-block;width: 2rem;height: 2rem;border-radius: 100%;background-color: #DA1B13;-webkit-animation: bouncedelay 1.4s infinite ease-in-out;animation: bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both}
#spinner .bounce1 {-webkit-animation-delay: -.32s;animation-delay: -.32s}
#spinner .bounce2 {-webkit-animation-delay: -.16s;animation-delay: -.16s}
@-webkit-keyframes bouncedelay {0%,
	100%,
	80% {-webkit-transform: scale(0)}
	40% {-webkit-transform: scale(1)}
	}
@keyframes bouncedelay {0%,
	100%,
	80% {-webkit-transform: scale(0);transform: scale(0)}
	40% {-webkit-transform: scale(1);transform: scale(1)}
	}

/*单选*/

.mui-backdrop.radio-menu { display: none; z-index: 999;}
.mui-backdrop.radio-menu ul { background: #fff; width: 80%; padding: 0; position: absolute;left: 0;top: 0;right: 0;bottom: 0; z-index: 99; margin: auto; border-radius: 3px; overflow-y: scroll; overflow-x: hidden; max-height: 260px;}
.mui-backdrop.radio-menu li { height: 40px; padding: 5px 0;}
.mui-backdrop.radio-menu li:after {position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc;}
.mui-backdrop.radio-menu label { text-align: left; padding: 0 0 0 60px; line-height: 30px;}

/*单选，复选框样式重置*/
input[type=checkbox].checkbox,input[type=radio].radio {  width: 28px; height: 26px; border: 0; outline: 0!important; background-color: transparent; -webkit-appearance: none;}
input[type=radio].radio:before,input[type=checkbox].checkbox:before { content: '\e411';font-family: Muiicons; font-size: 28px; font-weight: 400; line-height: 1; text-decoration: none; color: #aaa; border-radius: 0; background: 0 0; -webkit-font-smoothing: antialiased;}
input[type=radio].radio:checked:before { content: '\e441';color: #007aff;}
input[type=checkbox].checkbox:checked:before { content: '\e442';color: #007aff;}