.containerI{width: 100%;padding-bottom: 80px;display: flex;flex-flow: column;align-items:  center;}
.containerl{width: 100%;padding-bottom: 100px;}

.ltr{direction: ltr;}
.rtl{direction: rtl;}
.directionltr {direction: ltr;}
.directionrtl {direction: rtl;}

.start{text-align: start !important;}
.center{text-align: center !important;}
.end{text-align: end !important;}

::-webkit-scrollbar {height: 0;width: 0;color: transparent;}

.flexsColumn {display: flex;flex-direction: column;}


.mainColor{/*background: linear-gradient(0deg, #ffafbf, white);*/background: #f9f9f9;}
.placeholder{font-size: 24px;font-family: 'UKIJ Ekran';}

input{font-family: 'UKIJ Ekran';}

.shadows {box-shadow: 0px 1px 8px #888;}

.shadows2 {box-shadow: 0px 10px 15px #888;}
.shadows3 {box-shadow: 0px 5px 15px #888;}
.shadows4 {box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.shadows5 {box-shadow: 0 8px 8px rgba(0, 0, 0, 0.3);}
.shadows6 {box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);}
.shadows7 {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

/* 距离 */
.m_t{margin-top: 15px;}
.m_mt{margin-top: 25px;}
.m_b{margin-bottom: 15px;}
.m_bb{margin-bottom: 35px;}
.m_bt{margin-top: 35px;}

/* ----------display 全局 */
.df_shrink_0{flex-shrink: 0;}
/* 全居中 */
.df_c_c{display: flex;align-items: center;justify-content: center;}
.df_c_n{display: flex;align-items: center;}
.df_n_c{display: flex;justify-content: center;}
.df_c_s{display: flex;align-items: center;justify-content: flex-start;}
.df_n_s{display: flex;justify-content: flex-start;}
.df_c_e{display: flex;align-items: center;justify-content: flex-end;}
.df_n_e{display: flex;justify-content: flex-end;}
.df_c_b{display: flex;align-items: center;justify-content: space-between;}
.df_n_b{display: flex;justify-content: space-between;}
.df_c_r{display: flex;align-items: center;justify-content: space-around;}
.df_e_c{display: flex;align-items: flex-end;justify-content: center;}
.df_column_c_c{display: flex;flex-flow: column;align-items: center;justify-content: center;}
.df_column_c_e{display: flex;flex-flow: column;align-items: flex-end;justify-content: center;}
.df_column_n_c{display: flex;flex-flow: column;align-items: center;}
.df_column_r_c{display: flex;flex-flow: column;align-items: center;justify-content: space-around;}
.df_column_n_e{display: flex;flex-flow: column;align-items: flex-end;}
.df_column_n_s{display: flex;flex-flow: column;align-items: flex-start;}
.df_column_b_c{display: flex;flex-flow: column;align-items: center;justify-content: space-between;}
.df_column_b_s{display: flex;flex-flow: column;justify-content: space-between;align-items: flex-start;}
.df_column_b_e{display: flex;flex-flow: column;align-items: flex-end;justify-content: space-between;}
.df_column_c_r{display: flex;flex-flow: column;align-items: center;justify-content: space-around;}
.df_wrap_c_s{display: flex;flex-flow: wrap;align-content: center;justify-content: flex-start;}
.df_wrap_n_s{display: flex;flex-flow: wrap;justify-content: flex-start;}
.df_nowrap_n_s{display: flex;flex-flow: nowrap;justify-content: flex-start;}
.df_nowrap_c_s{display: flex;flex-flow: nowrap;align-content: center;justify-content: flex-start;}


/* ----------字 */
.text_c_d{font-size: 22px;color: #3b3b3b;text-align: center;}
.text_r_d{font-size: 22px;color: #3b3b3b;text-align: right;}
.text_n_d{font-size: 22px;color: #3b3b3b;}
.text_n_h1{font-size: 1rem;color: #202020;}
.text_n_sm{font-size: 24px;color: rgb(153, 153, 153);}

.text_2l{display: -webkit-box; text-overflow: ellipsis;overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2;padding: 5px 0; }
.text_kashida{text-align: justify;text-justify: kashida;}
.textOverflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 5px 0;}
/* -----------position */
.pr{position: relative;}
.pr_100{width: 100%;position: relative;}
.pr_100_100{width: 100%;height:100%;position: relative;}

.pb{position: absolute;top: 0;left: 0;}
.pb_t{position: absolute;top: 0;left: 0;}
.pb_b{position: absolute;bottom: 0;left: 0;}
.pb_c{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pb_n_c{position: absolute;left: 50%;transform: translateX(-50%);}
.pf_b{position: fixed;bottom: 0;left: 0;z-index: 9;}
.pf_t{position: fixed;top: 0;left: 0;}
.pf_t_r{position: fixed;top: 0;right: 0;}
.p_c{left: 50%;transform: translateX(-50%);}

/* -----------线 */
.b_line{width: 100%;height: 1px;background: #c2c0c0;position: absolute;bottom: 0;left: 0;}

/* ----------剪 */
.o_h{overflow: hidden;}

/* ----------card */
.card_body{width: 100%;padding: 20px 0px;background-color: white;}
.card_body2{width: 100%;padding: 15px 0px;}
.card_header{width: 95%;padding: 10px;}
.card_header_t{max-width: 270px;}
.card_cnt{width: 95%;padding: 15px;}

.neat_cnt{width: 95%;}
.neat_cnt_i{flex: 0 50%;padding: 10px 0;}
.neat_cnt_i2{width: 300px;padding: 10px 0;flex-shrink: 0;}
.neat_cnt_i_t{width: 100%;padding: 15px 0;}
.neat_cnt_i_co{width: 95%;position: relative;}
.neat_cnt_i_co_img{width: 100%;height: 180px;position: relative;}
.neat_cnt_i_co_img img{width: 100%;height: 100%;}

.imgAuto img{width: 100%;height: 100%;}

/* column式row */
.card_row{width: 95%;display: flex;flex-flow: column;align-items: center;}
.card_row2{width: 90%;display: flex;flex-flow: column;align-items: center;}
.card_row .row,.card_row2 .row{width: 100%;}

/* whfull */
.wh_f{width: 100%;height: 100%;}

/* --------fx */
.gridfx{background-color: #333333;background-image: repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(85, 84, 83, 0.25) 50px, rgba(105, 105, 105, 0.25) 56px, transparent 56px, transparent 63px, rgba(31, 31, 31, 0.25) 63px, rgba(94, 94, 94, 0.25) 69px, transparent 69px, transparent 116px, rgba(94, 94, 93, 0.25) 116px, rgba(37, 37, 37, 0.25) 166px),repeating-linear-gradient(0deg, transparent,transparent 50px, rgba(59, 59, 59, 0.25) 50px, rgba(139, 139, 139, 0.25) 56px, transparent 56px, transparent 63px, rgba(151, 151, 151, 0.25) 63px, rgba(170, 170, 170, 0.25) 69px, transparent 69px, transparent 116px, rgba(83, 83, 83, 0.25) 116px, rgba(66, 66, 66, 0.25) 166px),repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(65, 65, 65, 0.25) 5px, rgba(85, 82, 82, 0.25) 10px),repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(66, 66, 66, 0.25) 5px, rgba(88, 87, 87, 0.25) 10px);}

.fxfilter{filter: blur(20px);}

.mask{top:0;left:0;right:0;bottom:0;z-index:99;position:fixed;background:rgba(0, 0, 0, 0.6);}

/* 公司信息 */
.companyCon{font-size: 24px;width: 100%;padding: 20px 0;color: #888888;bottom: 100px;}
.companyCon .logo{width: 45px;height: 45px;}
.companyCon text{margin-top: 10px;}

.rotate-180{transform: rotate(180deg)}

/* 按钮 */
.btn{transition:opacity linear .4s}
.btn-hover,.btn:active{opacity:.7;}