@charset "utf-8";

/* #Base 960 Grid --- Powered by www.feihuang.net */
/*
 iPhone X 375*812
 Jianguo Pro 432*864
 iPhone 6+ 414*736
 iPhone 6s 375*667
 */


.percent{width:100%; zoom:1;position:relative;}
.per{float: left;position:relative;box-sizing: border-box;}
.per-2_1, .per-50{width:50%;}
.per-3_1{width:33.333333%;}
.per-3_2{width:66.666666%;}
.per-4_1{width:25%;}
.per-4_3{width:75%;}
.per-5_1{width:20%;}
.per-5_2{width:40%;}
.per-5_3{width:60%;}
.per-5_4{width:80%;}
.per-6_1{width:16.666666%;}
.per-6_5{width:83.333333%;}




/* #Clearing
================================================== */

/* Self Clearing Goodness */
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .container-fluid:after, .container:after, .row:after, .row:after, .clearfix:after { clear: both }

/* <div class="row"> <div class="clearfix"> */
.clearfix:before, .clearfix:after, .row:before, .row:after, dd div:after, .percent:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row, .clearfix, dd div{ zoom: 1; }

/* <br class="clear" />  */
.clear, .clr { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clr { visibility: visible; overflow: visible; }