@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-01-06 10:14:35
 * 以下rem单位皆相对于iPhone6：1rem=75px
 */
/*reset*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-touch-callout:none;
}

html,
body {
    font-family: 'Microsoft YaHei', Arial, "Helvetica Neue", Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    position: relative;
    background: #eff3f4;
    color: #3b3b3b;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote,
th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

input, select, textarea { font-size: 100%;outline: none; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; }
abbr, acronym { border: 0; font-variant: normal;  }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }*/
q:before, q:after { content: ''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
input::-webkit-input-placeholder {color: #e5e5e5;}
input::-webkit-search-cancel-button {display: none;}
a:hover { text-decoration: none; }
ins, a { color: #515151; text-decoration: none; }

/*common*/
.clearfix{*zoom:1;}
.clearfix:before {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    height:0;
}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tj {text-align:justify !important;}

.vm {vertical-align: middle !important;}
.vt {vertical-align: top !important;}
.vb {vertical-align: bottom !important;}

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

.hide {display:none;}
.none{display:none !important;}
.block{display: block !important;}
.inline{display: inline !important;}
.inb{display: inline-block !important;}
.table{display:table !important;}
.tab-cap{display:table-caption !important;}
.tab-cell{display:table-cell !important;}
.tab-row{display:table-row !important;}
.dis-list{display:list-item !important;}

.visible{visibility: visible !important;}
.hidden{visibility: hidden !important;}

.ov-h {overflow: hidden;}
.ovX-h {overflow-x: hidden;}
.ovY-h {overflow-y: hidden;}
.ov-s {overflow: scroll;}
.ovX-s {overflow-x: scroll;}
.ovY-s {overflow-y: scroll;}
.ov-auto {overflow: auto;}

.static{position: static !important;}
.relative{position: relative !important;}
.absolute{position: absolute !important;}
.fixed{position: fixed !important;}

.fwb{font-weight: bold !important;}
.fwn{font-weight:normal !important;}
.fwl{font-weight:lighter !important;}

.fsn{font-style:normal !important;}
.fsi{font-style:italic !important;}

.underline{text-decoration: underline !important;}
.deleteline{text-decoration: line-through; }
.overline{text-decoration:overline; }
.noline{text-decoration:none !important;}

/*================= color =================*/
.bg-trp {background-color: transparent !important;}
.bg-white {background-color: #ffffff !important;}

/*=================== other ===================*/
.ti-0 {text-indent: 0 !important;}
.ti-1 {text-indent: 1em !important;}
.ti-2 {text-indent: 2em !important;}

.nowrap {white-space: nowrap;}
.text-over {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.text-over2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: justify;}

.lh-1{line-height: 100% !important;}
.lh-15{line-height: 150% !important;}
.lh-2{line-height: 200% !important;}
.lh-25{line-height: 250% !important;}
.lh-3{line-height: 300% !important;}

.no-border {border: none !important;}
.no-borderT {border-top: none !important}
.no-borderB {border-bottom: none !important}
.no-borderL {border-left: none !important}
.no-borderR {border-right: none !important}

/*================= font =================*/
.fz-0{font-size: 0;}
.fz-6{font-size: 0.08rem !important;}
.fz-8{font-size: 0.10667rem !important;}
.fz-10{font-size: 0.13333rem !important;}
.fz-12{font-size: 0.16rem !important;}
.fz-14{font-size: 0.18667rem !important;}
.fz-16{font-size: 0.21333rem !important;}
.fz-18{font-size: 0.24rem !important;}
.fz-20{font-size: 0.26667rem !important;}
.fz-22{font-size: 0.29333rem !important;}
.fz-24{font-size: 0.32rem !important;}
.fz-26{font-size: 0.34667rem !important;}
.fz-28{font-size: 0.37333rem !important;}
.fz-30{font-size: 0.4rem !important;}
.fz-32{font-size: 0.42667rem !important;}
.fz-34{font-size: 0.45333rem !important;}
.fz-36{font-size: 0.48rem !important;}
.fz-40{font-size: 0.53333rem !important;}
.fz-44{font-size: 0.58667rem !important;}
.fz-48{font-size: 0.64rem !important;}

/*================= margin =================*/
.mg-0{margin: 0 !important;}
.mgl-0{margin-left: 0 !important;}
.mgr-0{margin-right: 0 !important;}
.mgt-0{margin-top: 0 !important;}
.mgb-0{margin-bottom: 0 !important;}
.mg-2{margin: 0.02667rem !important;}
.mgl-2{margin-left: 0.02667rem !important;}
.mgr-2{margin-right: 0.02667rem !important;}
.mgt-2{margin-top: 0.02667rem !important;}
.mgb-2{margin-bottom: 0.02667rem !important;}
.mg-5{margin: 0.06667rem !important;}
.mgl-5{margin-left: 0.06667rem !important;}
.mgr-5{margin-right: 0.06667rem !important;}
.mgt-5{margin-top: 0.06667rem !important;}
.mgb-5{margin-bottom: 0.06667rem !important;}
.mg-7{margin: 0.09333rem !important;}
.mgl-7{margin-left: 0.09333rem !important;}
.mgr-7{margin-right: 0.09333rem !important;}
.mgt-7{margin-top: 0.09333rem !important;}
.mgb-7{margin-bottom: 0.09333rem !important;}
.mg-10{margin: 0.13333rem !important;}
.mgl-10{margin-left: 0.13333rem !important;}
.mgr-10{margin-right: 0.13333rem !important;}
.mgt-10{margin-top: 0.13333rem !important;}
.mgb-10{margin-bottom: 0.13333rem !important;}
.mg-15{margin: 0.2rem !important;}
.mgl-15{margin-left: 0.2rem !important;}
.mgr-15{margin-right: 0.2rem !important;}
.mgt-15{margin-top: 0.2rem !important;}
.mgb-15{margin-bottom: 0.2rem !important;}
.mg-20{margin: 0.26667rem !important;}
.mgl-20{margin-left: 0.26667rem !important;}
.mgr-20{margin-right: 0.26667rem !important;}
.mgt-20{margin-top: 0.26667rem !important;}
.mgb-20{margin-bottom: 0.26667rem !important;}
.mg-25{margin: 0.33333rem !important;}
.mgl-25{margin-left: 0.33333rem !important;}
.mgr-25{margin-right: 0.33333rem !important;}
.mgt-25{margin-top: 0.33333rem !important;}
.mgb-25{margin-bottom: 0.33333rem !important;}
.mg-30{margin: 0.4rem !important;}
.mgl-30{margin-left: 0.4rem !important;}
.mgr-30{margin-right: 0.4rem !important;}
.mgt-30{margin-top: 0.4rem !important;}
.mgb-30{margin-bottom: 0.4rem !important;}
.mg-40{margin: 0.53333rem !important;}
.mgl-40{margin-left: 0.53333rem !important;}
.mgr-40{margin-right: 0.53333rem !important;}
.mgt-40{margin-top: 0.53333rem !important;}
.mgb-40{margin-bottom: 0.53333rem !important;}
.mg-50{margin: 0.66667rem !important;}
.mgl-50{margin-left: 0.66667rem !important;}
.mgr-50{margin-right: 0.66667rem !important;}
.mgt-50{margin-top: 0.66667rem !important;}
.mgb-50{margin-bottom: 0.66667rem !important;}
.mg-auto {display: block !important;margin: 0 auto;}
/*================= padding =================*/
.pd-0{padding: 0 !important;}
.pdl-0{padding-left: 0 !important;}
.pdr-0{padding-right: 0 !important;}
.pdt-0{padding-top: 0 !important;}
.pdb-0{padding-bottom: 0 !important;}
.pd-2{padding: 0.02667rem !important;}
.pdl-2{padding-left: 0.02667rem !important;}
.pdr-2{padding-right: 0.02667rem !important;}
.pdt-2{padding-top: 0.02667rem !important;}
.pdb-2{padding-bottom: 0.02667rem !important;}
.pd-5{padding: 0.06667rem !important;}
.pdl-5{padding-left: 0.06667rem !important;}
.pdr-5{padding-right: 0.06667rem !important;}
.pdt-5{padding-top: 0.06667rem !important;}
.pdb-5{padding-bottom: 0.06667rem !important;}
.pd-7{padding: 0.09333rem !important;}
.pdl-7{padding-left: 0.09333rem !important;}
.pdr-7{padding-right: 0.09333rem !important;}
.pdt-7{padding-top: 0.09333rem !important;}
.pdb-7{padding-bottom: 0.09333rem !important;}
.pd-10{padding: 0.13333rem !important;}
.pdl-10{padding-left: 0.13333rem !important;}
.pdr-10{padding-right: 0.13333rem !important;}
.pdt-10{padding-top: 0.13333rem !important;}
.pdb-10{padding-bottom: 0.13333rem !important;}
.pd-15{padding: 0.2rem !important;}
.pdl-15{padding-left: 0.2rem !important;}
.pdr-15{padding-right: 0.2rem !important;}
.pdt-15{padding-top: 0.2rem !important;}
.pdb-15{padding-bottom: 0.2rem !important;}
.pd-20{padding: 0.26667rem !important;}
.pdl-20{padding-left: 0.26667rem !important;}
.pdr-20{padding-right: 0.26667rem !important;}
.pdt-20{padding-top: 0.26667rem !important;}
.pdb-20{padding-bottom: 0.26667rem !important;}
.pd-25{padding: 0.33333rem !important;}
.pdl-25{padding-left: 0.33333rem !important;}
.pdr-25{padding-right: 0.33333rem !important;}
.pdt-25{padding-top: 0.33333rem !important;}
.pdb-25{padding-bottom: 0.33333rem !important;}
.pd-30{padding: 0.4rem !important;}
.pdl-30{padding-left: 0.4rem !important;}
.pdr-30{padding-right: 0.4rem !important;}
.pdt-30{padding-top: 0.4rem !important;}
.pdb-30{padding-bottom: 0.4rem !important;}
.pd-40{padding: 0.53333rem !important;}
.pdl-40{padding-left: 0.53333rem !important;}
.pdr-40{padding-right: 0.53333rem !important;}
.pdt-40{padding-top: 0.53333rem !important;}
.pdb-40{padding-bottom: 0.53333rem !important;}
.pdl30{padding-left: 0.4rem !important;}
.pdr30{padding-right: 0.4rem !important;}
.pd-50{padding: 0.66667rem !important;}
.pdl-50{padding-left: 0.66667rem !important;}
.pdr-50{padding-right: 0.66667rem !important;}
.pdt-50{padding-top: 0.66667rem !important;}
.pdb-50{padding-bottom: 0.66667rem !important;}
/*================== center ==================*/
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vCenter {
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}

/*================== ui-row ==================*/
.pub-row { display: block; }
.pub-row:before, .pub-row:after { content: ""; display: table; clear: both; }
.pub-row>[class^="col-"] { float: left; min-height: 1px; }
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }

/*================== ui-color ==================*/
.red{
    color:#eb0000;
}
.color-org{
    color: darkorange;
}