/**@description: 公共库类 
*/
*{font-family:Helvetica,'microsoft yahei';}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
margin: 0;
padding: 0;
}

/** 设置默认字体 **/
address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul,ol{ list-style: none; }

/** 重置文本格式元素 **/
a {text-decoration: none;color:#000;}
a:hover {text-decoration:none;}

/** 重置表单元素 **/
legend{color:#000;} /* for ie6 */
fieldset{border:0;} /* img 搭车：让链接里的 img 无边框 */
img{vertical-align: middle;border: 0;-webkit-tap-highlight-color: #fff;}
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table{border-spacing: 0;border-collapse: collapse;}

/** 统一表单边框 **/
input,button,textarea{border: none;background-color: #fff;-webkit-appearance:none;border-radius: 0;}
input:focus,button:focus,textarea:focus,select:focus{outline:none;}
input:disabled{background-color: #FFF;}

/* textarea */
textarea{resize: none;}

/*屏蔽点击a时，产生的背景*/
a{tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0);}


body,html{height: 100%;color: #333; -webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*body.body-bg{background-color: #f9f9f9;}*/
body{background-color: #f9f9f9;}
body.body-bg{background: #fff;}

.bg-fff{background: #fff;}

/*容器浮动*/
.fl,.float-l{float:left;}
.fr,.float-r{float:right;}

/*清除浮动*/
.clearfix{*+height:1%;}
.clearfix:after{display: block;visibility: hidden;clear: both;height: 0;content: '';}

/*文字浮动*/
.text-l,.text-left{text-align: left;}
.text-r,.text-right{text-align: right;}
.text-c,.text-center{text-align: center;}

/*容器*/
.container{position: relative;max-width: 640px;margin: 0 auto;overflow: hidden;}
.container-fuld{position: relative;width: 100%;}

/*Fixed容器*/
.nav-fixed-center{position: fixed;z-index: 999;right: 0;left: 0;max-width: 640px;margin: 0 auto;}
.nav-fixed-fuld{position: fixed;right: 0;left: 0;width: 100%;}

.topnav{box-sizing: border-box;padding-top: 1.358025rem;}
.footnav{box-sizing: border-box;padding-bottom: 1.852rem;}
.footnav-2{box-sizing: border-box;padding-bottom: 2.4rem;}

/*遮罩*/
.mask{z-index: 9998;background: rgba(0,0,0,.6);background: #000\9;filter: Alpha(opacity=60);position: fixed;top: 0;bottom: 0;right: 0;left: 0;display: none;}
.mask2{z-index: 9998;background: rgba(0,0,0,.6);background: #000\9;filter: Alpha(opacity=60);position: fixed;top: 0;bottom: 0;right: 0;left: 0;display: none;}
.mask3{z-index: 9;background: rgba(0,0,0,0);background: #000\9;filter: Alpha(opacity=0);position: fixed;top: 0;bottom: 0;right: 0;left: 0;display: none;}


.span-border{padding: 0.135802rem 0.234568rem;border: 1px solid #636363;}
.header .edit-btn i.iconfont{font-size: 28px}
.header .share-btn i.iconfont{font-size: 22px;color:#c10000;}

/*多选checkbox*/
.checkgroup,.radiogroup{position: relative;width: .406rem;height: 1.375rem;text-align: center;}
.checkgroup label,.radiogroup label{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;display: block;width: .344rem;height: .344rem;margin: auto 0;text-align: center;color: #fff;border: .031rem solid #2392d0;border-radius: 50%;background: transparent;}
.checkgroup input[type=checkbox],.radiogroup input[type=radio]{visibility: hidden;}
.checkgroup input[type=checkbox]:checked + label,.radiogroup input[type=radio]:checked + label{background: url(../images/radio_bg.png) center center no-repeat;background-size: .234rem .234rem;}

/*表单验证动画*/
.field-invalid{border-color: #a94442;}
.field-invalidmsg{color: #a94442;}
.field-validmsg{color: #3c763d;}
.field-tooltipWrap{position: absolute;z-index: 19891014;top: 0;left: 0;width: 100%;}
.field-tooltipInner{position: fixed;top: 0;left: 0;display: table;width: 100%;height: 100%;pointer-events: none;}
.field-tooltip{display: table-cell;text-align: center;vertical-align: middle;}
.field-tooltip .field-invalidmsg,.field-tooltip .field-validmsg{color: #fff;}
.field-tooltip .zvalid-resultformat{font-size: 14px;position: relative;display: inline-block;padding: 10px 15px;-webkit-animation-name: fieldTipBounceIn;animation-name: fieldTipBounceIn;-webkit-animation-duration: .18s;animation-duration: .18s;pointer-events: auto;color: #fff;border-radius: 6px;background-color: rgba(0,0,0,.8);box-shadow: 0 0 8px rgba(0,0,0,.1);-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes fieldTipBounceIn{0%{-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);opacity: 0;}100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;}}
@keyframes{0%{-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);opacity: 0;}100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;}}

/*自适应表单*/
.input-item{background-color: #FFF;}
.input-item-1 + .input-item-1{border-top: 0.026667rem solid #e5e5e5;}
.input-item label{font-size: 0.4375rem;line-height: 1.40625rem;display: block;float: left;width: 2.0rem;margin-right: -100%;text-align: right;}
.input-item-1 label{text-align: left;}
.input-content{font-size: 0.4375rem;line-height: 1rem;margin-left: 2rem;padding: .2rem 0.32rem;}
.input-content input{line-height: 1rem;width: 100%;height: 1rem;box-sizing: border-box;border:none;display: block;border:0.026667rem solid #d6d6d6;padding: 0 0.32rem;}
.input-content select{width: 49%;line-height: 1rem;height: 1rem;border:0.026667rem solid #d6d6d6;padding: 0 0.32rem;display: inline-block;}
.input-content-code{line-height: 1rem;height: 1rem;margin-right: 3rem;}
.input-item .input-btn-code{line-height: 1rem;height: 1rem;margin: .2rem .32rem .2rem 0;border-radius: 0.053333rem;width: 2.02rem;}
.input-content-1{font-size: 0.4375rem;line-height: 1rem;margin-left: 2rem;padding: .2rem 0.32rem;}
.input-content-1 input{line-height: 1rem;width: 100%;height: 1rem;box-sizing: border-box;border:none;display: block;padding: 0 0.32rem;text-align: right;}

/*按钮,a 样式*/
/*按钮,a 样式*/ 
.btn-content{margin:0 0.32rem;}

.btn{font-size: .469rem;font-size: .46875rem;line-height: 1.25rem;display: block;box-sizing: border-box;width: 100%;height: 1.25rem;text-align: center;color: #fff;border: none;border-radius: .125rem;background-color: #2392d0;}
.btn-outline{display: block;text-align: center;color: #2392d0;border: .031rem solid #2392d0;background-color: #fff;}

.btn+ .btn,.btn-outline+ .btn-outline{margin-top: .46875rem;}
.btn-sm{font-size: .375rem;line-height: .9375rem;display: inline-block;width: auto;height: .9375rem;margin: 0 .140625rem;padding: 0 .34375rem;color: #fff;border-radius: .125rem;background-color: #2392d0;}
.btn-sm-outline{font-size: .375rem;line-height: .9375rem;display: inline-block;width: auto;height: .9375rem;margin: 0 .140625rem;padding: 0 .34375rem;color: #2392d0;border: .031rem solid #2392d0;background-color: transparent;}
.btn-sm + .btn-sm,.btn-sm-outline + .btn-sm-outline{margin-top: 0;}

.b-red{color: #FFF;background-color: #c10000;border-color: #c10000;}
.b-duly{border-color:#a9a9a9;color:#FFF;background-color: #999;}

/*字体颜色*/
i.red{color: #df5e5e;}
/*iconfont*/
@font-face {
  font-family: 'iconfont';  /* project id 358979 */
  src: url('https://at.alicdn.com/t/font_f58c8r2nr35wmi.eot');
  src: url('https://at.alicdn.com/t/font_f58c8r2nr35wmi.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_f58c8r2nr35wmi.woff') format('woff'),
  url('https://at.alicdn.com/t/font_f58c8r2nr35wmi.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_f58c8r2nr35wmi.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont";
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale; 
        /*padding-left:20px*/
}


/*footer*/
/*footer{position: fixed;height: 1.31rem;width: 100%;bottom: 0;left: 0;right: 0;background: #7b7b7b;padding-top: .12rem;box-sizing: border-box;}
footer ul li{float: left;width: 20%;text-align: center;color: #fff;font-size: 0.31rem;}
  .footer-list{width: 0.67rem;height: 0.67rem;margin: 0 auto;border-radius: 50%;overflow: hidden;}
  .footer-list img{width: 70%;height: auto;margin: 0 auto;margin-top: 15%;}
*/
.bg-blue{background: #00b7ed;}
.color-blue{color: #00b7ed;}
/*footer*/
.bg-00b7ee{background: #00b7ee;}