@charset "utf-8";
/* CSS guaguaka*/
*{border:0px;outline:none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;vertical-align: baseline}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:100}input,textarea,select,button{font-family:inherit;vertical-align:middle;}input[type="button"],input[type="submit"]{cursor:pointer;}select,button{cursor:pointer;}table{border-collapse:collapse;border-spacing:0;empty-cells: show;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q:before,q:after{content:"";}abbr,acronym{border:0 none;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}fieldset,img,a img,iframe{border-style:none;border-width:0;}iframe{overflow:hidden;}textarea{overflow-y:auto;resize:vertical;}legend{color:#000000;}a,a:hover{ text-decoration:none}img {vertical-align: middle;border:none;}label{cursor:point}article,aside,details,figcaption,figure,footer,#header,hgroup,menu,nav,section{display:block;}html {margin:0 auto; }ol,ul,li{list-style: none;}b{ font-weight:100;}
html{ overflow-y:scroll;}
body{background: #d11d3a;max-width: 640px;font-size: 12px; margin: 0 auto;color: #333;-webkit-backface-visibility: hidden;
-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family:'微软雅黑';}
strong {font-weight: bold;}
a,a:hover,a:visited {color: #333;background: transparent;text-decoration: none;}
button,input[type='number'],input[type='text'],input[type='password'],input[type='email'],input[type='search'],select,textarea {font-family: inherit;margin: 0;-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;}
input, select, textarea {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance: none;border: 0;border-radius: 0;}
input, img {vertical-align: middle;}
a,a:visited{text-decoration:none; }
.bg-f0{background:#f0f0f0!important;}
.bg-huang{background:#ffe34f!important;}

.f-c {zoom: 1;}
.f-c:after {content: "";display: table;clear: both;}

.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-20{padding-left: 20px;}
.pl-30{padding-left: 30px;}
.pl-40{padding-left: 40px;}

.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-20{padding-right: 20px;}
.pr-30{padding-right: 30px;}
.pr-40{padding-right: 40px;}

.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}

.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}

.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}

.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}

.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}

.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}

.va-t{vertical-align: top;}
.va-m{vertical-align: middle;}

.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fc-666{color: #666;}
.fc-999{color: #999;}
.fc-blue{color: #5d9bf1;}
.fc-red{color: #df3645;}
a.fc-blue, a.fc-blue:hover, a.fc-blue:visited{color: #5d9bf1 !important;}

.page-jizi{position: relative;}
header {position: relative; z-index: -1; overflow: hidden; padding-bottom:100%; }
header img {position: absolute; width: 100%; left: 0; top: 0; }
.page-shuoming{width:100px; height:35px; font-size: 14px; color: #fff;  background:#e62542; border-radius:20px 0 0 20px; position: absolute; top:15px; right:0;z-index: 50;}
.page-shuoming .text{line-height: 35px; padding-left:15px;box-sizing: border-box;}
.page-shuoming i{width:16px; height:16px; border-radius: 50%; background:#fff;line-height: 16px; text-align: center; color:#ed2841; position: absolute;top:8.5px;right:8px;
font-style: normal;font-weight: 700;}
.page-gift_list{position: absolute;left: 5px;top:210px; opacity:0;}
.page-gift_list img{width:32px; height:32px; border:1px solid #7f372d; border-radius: 50%;position: relative;box-sizing: border-box; z-index: 52;}
.page-gift_list .txt_p{width:150px; height:24px; line-height: 24px; text-align:center; background:rgba(0,0,0,.5);color:#fff; padding:0 10px 0 20px; border-radius: 15px;
position: absolute;top:4px;left: 15px;z-index: 50;}


.page-gift_list.list_animation{animation:myfirst 3s forwards;
-moz-animation:myfirst 3s forwards;
-webkit-animation:myfirst 3s forwards;
-o-animation:myfirst 3s forwards;
}
@keyframes myfirst
{
0%   {top:210px; opacity:0;}
20%  {top:160px; opacity:1;}
80%  {top:160px; opacity:1;}
100% {top:120px; opacity:0;}
}

@-webkit-keyframes myfirst
{
0%   {top:210px; opacity:0;}
20%  {top:160px; opacity:1;}
80%  {top:160px; opacity:1;}
100% {top:120px; opacity:0;}
}




.page-cishu{font-size: 14px; color: #fcf3bd; text-align: center;padding-top: 10px;}
.page-cishu span{color:#fff70f; font-weight: 700;padding:0 3px; font-size:18px;}
.page-jizi .btn_jizi{width:260px; height:46px; margin:15px auto 0;display:block; border-radius:30px;color:#ccc; font-size: 29px; border:1px solid #fff; position:relative;
box-sizing: border-box; text-align: center; line-height: 44px;
background:#eee;
}
.page-jizi .btn_jizi.on{
color:#fe0117; border:1px solid #ffea00;
background: -webkit-linear-gradient(0,#f7efae, #fed275);
background: -o-linear-gradient(0,#f7efae, #fed275); 
background: -moz-linear-gradient(0,#f7efae, #fed275);
background: linear-gradient(0,#f7efae, #fed275);
box-shadow: 0 5px 5px #af0109;
}

.page-jizi .gengduo_p{text-align: center;color:#ffcc00;display:block;padding:15px 0 0;}
.page-jizi .jizi_content{padding:5px 15px 0;height: 100px; overflow: hidden;}
.page-jizi .jizi_list{overflow-x:auto;height:120px;}
.page-jizi .jizi_list ul{/*width:10000px;*/}
.page-jizi .jizi_list ul li{width:70px; height:80px;text-align: center; /*float: left;*/ margin:10px 10px 0 0;position: relative;box-shadow: -4px 4px 5px #aa1029;}
.page-jizi .jizi_list ul li:last-child{margin-right: 0;}
.page-jizi .jizi_list ul li .content{width:100%; height:100%;background:#eee; line-height: 80px; font-size: 27px; font-weight: 700; color:#ccc;}
.page-jizi .jizi_list ul li .content:before{content:'';width:100%; height:100%; position: absolute;left: 0;top: 0; border:1px solid #fff2d0;z-index: 10; box-sizing: border-box;}
.page-jizi .jizi_list ul li .content:after{content:'';width:100%; height:100%; position: absolute;left: 0;top: 0;background:url(../images/z2.png) no-repeat 0 0 / 100% 100%;z-index: 20;}
.page-jizi .jizi_list ul li .num{display:none;}
.page-jizi .jizi_list ul li.on .content{background:#ffed27;color:#ed2843;}
.page-jizi .jizi_list ul li.on .content:after{content:'';width:100%; height:100%; position: absolute;left: 0;top: 0;background:url(../images/z1.png) no-repeat 0 0 / 100% 100%;z-index: 20;}
.page-jizi .jizi_list ul li.on .num{display:block;width:25px; height:16px; border:1px solid #ff0623; border-radius: 15px; line-height: 14px; text-align: center; color:#ed2843;
font-weight: 700; box-sizing: border-box;background:#fff; position: absolute; top:-7px;right:-7px; z-index: 30;}

.page-cashPrize{padding:0 15px;margin-top:20px;}
.page-cashPrize .cashPrize{width:100%;background:#fcf0d2;border-radius: 5px; padding:20px 0 25px;}
.page-cashPrize .cashPrize_tit{font-size: 18px; color:#333; text-align: center; font-weight: 700;}
.page-cashPrize .cashPrize_content{padding:0 15px; margin-top: 20px;}
.page-cashPrize .cashPrize_content li{margin-bottom: 30px;}
.page-cashPrize .cashPrize_content li:last-child{margin-bottom:0;}
.page-cashPrize .cashPrize_content li .content_img{width:50px; height:50px; border-radius: 5px;}
.page-cashPrize .cashPrize_content li .content_img img{width:100%; height:100%; border-radius: 5px;}
.page-cashPrize .cashPrize_content li .txt_p1{font-size: 15px; line-height: 20px;}
.page-cashPrize .cashPrize_content li .txt_p2{font-size: 13px; line-height: 16px;color:#666; margin-top:3px;}
.page-cashPrize .cashPrize_content li .exchange_btn{width:60px; height:30px;margin-top: 10px; border-radius: 20px; background:#ddcda6; color:#b4a685;
font-size: 15px;text-align: center;line-height: 30px; display:block;}
.page-cashPrize .cashPrize_content li .exchange_btn.on{background:#d11d3a;color:#fff;}
.page-jizi .Prize_btn{width:150px; height:35px; margin:25px auto 0;display:block; border-radius: 20px;color:#fff; font-size:16px; border:1px solid #ff824f;
box-sizing: border-box; text-align: center; line-height: 33px;background:#de1e42;box-shadow: 0 0 4px #fd0029;}

.copyright{font-family: 'Microsoft YaHei';width: 100%;}
.copyright .con{padding: 30px 0 20px;text-align: center;}
.copyright .con div.name{color: #fff;font-size: 12px; position:relative; margin:0 15px;}
.copyright .con div.name p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:calc( 100% - 100px); margin:0 auto;}
.copyright .con div.name a{ position:absolute; top:0; right:0; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUeNqc1L9Lw0AYxvG3xU0QHFxcnATxx1BBKC5Fh05CBxW6dO3gUhClg0UEERxcBF2qOIooQlf/gUIpguIkVESLLmpLQV3j9+CtZLj0kh58ktyRPHlzyUU8zyviHd8h7EBUBmdYNv0YmzcROUVd3K2KFlZxhFsksCF6pyXfnVxS+ERF+1t4iku0lsIFHrCIPMYQj1JREk2Utb+LX3yYeQpbUVIrudEqTIvhB2u4DlPRLB5x7hsroY2c9kdcQQkNufSNFdDyhaTx0itoBne4wrCO5dHRffe8LBpBQVMaUnGE/AcFTfYmpvGMNnLYxzbKtgsGAoImcYIMRpHGAQ6DXqutonFM4BUNrOAYe72+D1vQAgaRRRPrKLk+NNujmUe6Ry3K2rFV5EUN6VbUwZz018wymTdLxfyPihwUMNRn2JeZwz8BBgA/5815eRHXOwAAAABJRU5ErkJggg==) no-repeat 0 2px / 13px; text-indent:17px; color:#fff;}
.copyright .con a.miduo{display:inline-block;padding-top: 4px;}
.copyright .con a.miduo label{color: #fff;font-size: 12px;padding-left: 6px;vertical-align: middle;line-height: 15px;}

.page-infoBox.shuoming{width:270px;}
.page-infoBox{width: 230px;line-height: 23px;}
.page-infoBox .tit{text-align: center; margin-bottom: 15px;}
.page-infoBox .tit .head_tit{font-size: 16px; color:#ff9409; font-weight: 700; position: relative;}
.page-infoBox .tit .head_tit .left_b{width:70px;height:1px;position: absolute; left:-80px; top:12px;
background-image: linear-gradient(to right,rgba(229,229,229,0) 0%,rgba(229,229,229,1) 70%,rgba(229,229,229,1) 100%); }
.page-infoBox .tit .head_tit .left_b:after{content:'';width:6px;height:6px;background:#ffc853;transform:rotate(45deg); position: absolute; right:0; top:-3px;}
.page-infoBox .tit .head_tit .right_b{width:70px;height:1px;position: absolute; right:-80px; top:12px;
background-image: linear-gradient(to right,rgba(229,229,229,1) 0%,rgba(229,229,229,1) 30%,rgba(229,229,229,0) 100%); }
.page-infoBox .tit .head_tit .right_b:after{content:'';width:6px;height:6px;background:#ffc853;transform:rotate(45deg); position: absolute; left:0; top:-3px;}
.page-infoBox .con{text-align: left;font-size: 14px;line-height: 20px; max-height:250px;overflow-y: auto;font-weight: 400px; color:#666;}


.page-duihuan{width:260px; height:330px;position: relative;margin: 0 auto;} 
.page-duihuan .follow_content{width:calc(100% - 4px); height:calc(100% - 4px);position:absolute;
z-index: 4; left: 2px; top: 2px; text-align: center;} 
.page-duihuan .bg_bai{width:calc(100% - 4px); height:calc(100% - 4px); line-height: calc(100% - 4px);left: 2px; top: 2px; 
border:none; position:absolute;z-index: 2; box-sizing:border-box; background:#fff;border-radius: 4px;}
.page-duihuan i{width:100%; height:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
background: linear-gradient(#e54c00, #ffc208); content: ''; z-index: 1; border-radius: 4px;}
.page-duihuan .top_tit{font-size: 16px; color:#333;position: relative;line-height: 1; padding:22px 0 17px;}
.page-duihuan .top_tit_img{width:20px; display:inline-block;}
.page-duihuan .top_tit_img img{width:100%;}
.page-duihuan .top_con{width:120px; height:120px; margin:0 auto; display:block; border-radius: 4px;}
.page-duihuan .top_con img{width:100%; height:100%;border-radius: 4px;}
.page-duihuan .top_txt{width:80%; margin:10px auto 0; font-size: 16px; color:#333; line-height:23px;}
.page-duihuan .Publish {width: 160px; height: 42px; line-height: 42px; border-radius: 20px; margin:20px auto 0; display: block; text-align: center; color: #fff; font-size: 18px; 
    background: -webkit-linear-gradient(#dd2f48, #ec692c);
    background: -o-linear-gradient(#dd2f48, #ec692c);
    background: -moz-linear-gradient(#dd2f48, #ec692c);
    background: linear-gradient(#dd2f48, #ec692c);
}

.page-huode{width:265px; height:300px;position: relative;margin: 0 auto;} 
.page-huode .follow_content{width:calc(100% - 2px); height:calc(100% - 2px);position:absolute;
z-index: 4; left: 1px; top: 1px; text-align: center;} 
.page-huode .bg_bai{width:calc(100% - 4px); height:calc(100% - 4px); line-height: calc(100% - 4px);left: 2px; top: 2px; 
border:none; position:absolute;z-index: 2; box-sizing:border-box; background:#fff;border-radius: 4px;}
.page-huode i{width:100%; height:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
background: linear-gradient(#e54c00, #ffc208); content: ''; z-index: 2; border-radius: 4px;}
.page-huode .top_tit{font-size:20px; font-weight: 700; color:#333;position: relative;line-height: 1; padding:20px 0 25px;}
.page-huode .top_con{width:106px; height:106px; margin:0 auto; display:block; border-radius: 4px;}
.page-huode .top_con .top_con_content{width:calc(100% - 4px); height:calc(100% - 4px);position:absolute;z-index: 4;line-height:98px; left: 2px; top: 2px; 
text-align: center;font-size: 50px;color:#df3645; font-weight:700;} 
.page-huode .top_con .top_con_bai{width:calc(100% - 4px); height:calc(100% - 4px); line-height: calc(100% - 4px);left: 2px; top: 2px; 
border:none; position:absolute;z-index: 2; box-sizing:border-box; background:#fff;border-radius: 4px;}
.page-huode .top_con .top_con_i{width:100%; height:100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
background: linear-gradient(#e54c00, #ffc208); content: ''; z-index: 1; border-radius: 4px;}
.page-huode .huode_img1{width:110px;position: absolute;left: 83px;top:-70px;z-index: 1;}
.page-huode .huode_img2{width:100%;position: absolute;left: 0;top:-87px;z-index: 0;}
.page-huode .huode_img3{width:80px;position: absolute;right:-8px;bottom:-10px;z-index: 5;}
.page-huode .huode_img4{width:20px;position: absolute;left: -10px;top:27px;z-index: 5;}
.page-huode .huode_img5{width:155px;position: absolute;left:52px;top:57px;z-index: 3;}
.page-huode .huode_img6{width:167.5px;position: absolute;left:50px;top:-60px;z-index: 0;}
.page-huode .huode_img1 img,.page-huode .huode_img2 img,.page-huode .huode_img3 img,.page-huode .huode_img4 img,.page-huode .huode_img5 img,.page-huode .huode_img6 img{width:100%;}
.page-huode .top_txt{width:80%; margin:10px auto 0; font-size: 14px; color:#333; line-height:23px;}
.page-huode .Publish {width: 160px; height: 42px; line-height: 42px; border-radius: 20px; margin:20px auto 0; display: block; text-align: center; color: #fff; font-size: 18px; 
    background: -webkit-linear-gradient(#dd2f48, #ec692c);
    background: -o-linear-gradient(#dd2f48, #ec692c);
    background: -moz-linear-gradient(#dd2f48, #ec692c);
    background: linear-gradient(#dd2f48, #ec692c);
}
/*活动列表*/
.topTab-flex{display: -webkit-box;display: -webkit-flex;display: flex; font-size:16px; color:#333; background-color:#fff;}
.topTab-flex .flex-item{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; text-align:center; height:50px; line-height:50px; border-bottom:1px solid #e7e7e7; }
.topTab-flex .flex-item.cur{border-bottom:1px solid #dd2726;color:#dd2726;}
/**奖品list**/
.prize-items li{ background-color:#fff; padding:12px; margin-top:10px;}
.prize-items li .prize-info a{ display:block; position:relative;}
.prize-items li .prize-info .thumbnail{width:90px; height:90px; margin-right:10px;}
.prize-items li .prize-info .thumbnail img{ width:100%; min-height:100%;}
.prize-items li .prize-info .text_p1{font-size:15px; color:#2a2a2a; line-height:18px;font-weight: 700;}
.prize-items li .prize-info .text_p2{font-size:13px; color:#dd2726; line-height:18px;padding: 7px 0;}
.prize-items li .prize-info .text_p2 .icon_img{width:13px; vertical-align:middle;margin-right: 10px;}
.prize-items li .prize-info .text_p2 span{ vertical-align:middle;}
.prize-items li .prize-info .text_p3{font-size:13px; color:#999; line-height:18px;}
.prize-items li .prize-info .text_p4{font-size:13px; color:#ccc; line-height:18px;padding: 5px 0;}
.prize-items li .prize-info .text_p4 .icon_img{width:13px; vertical-align:middle;margin-right: 10px;}
.prize-items li .prize-info .text_p4 span{ vertical-align:middle;}
/**奖品详情**/
/*暂无活动*/
.page-NOactivity img{width:90px; margin:0 auto; display:block; padding-top: 90px;}
.page-NOactivity .NOactivity{text-align: center;font-size: 13px; color:#999; line-height: 23px;padding-top: 20px;}
/*活动未开始*/
.page-weikaishi .wei_img{width:120px; margin:90px auto 0; display:block;}
.page-weikaishi .wei_txt{font-size: 16px; text-align: center; font-weight: 700; color:#783618; padding-top: 20px;}
.page-weikaishi .wei_btn{width:200px; height:44px; margin:90px auto 0;display:block; border-radius:4px;color:#ff5b13; font-size:15px; border:1px solid #ff5b13;
position:relative;box-sizing: border-box; text-align: center; line-height: 42px;}
/*ub*/
* {
    margin: 0;
    padding: 0;
}
div {
    outline: 0!important;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
li,ul {
    list-style: none;
}
.uc-a,.uc-a1,.uc-a2,.uc-a3,.uc-b,.uc-b1,.uc-bl,.uc-bl1,.uc-br,.uc-br1,.uc-l,.uc-l1,.uc-n,.uc-r,.uc-r1,.uc-t,.uc-t1,.uc-tl,.uc-tl1,.uc-tr,.uc-tr1 {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.us {
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    box-shadow: 0 1px 4px rgba(0,0,0,.3);
}
.us1 {
    -webkit-box-shadow: 0 1px 4px rgba(120,120,120,.3);
    box-shadow: 0 1px 4px rgba(120,120,120,.3);
}
.us-i {
    -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.4);
    box-shadow: inset 0 2px 3px rgba(0,0,0,.4);
}
.uts {
    text-shadow: 0 2px 2px #000;
}
.tx-c{
    text-align:center;
}
.tx-r{
    text-align: right;
}
.um,.um body {
    height: 100%;
    padding: 0;
    margin: 0;
}
.um-vp {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    background-color: #eee;
}
.um-vp .up {
    width: 100%;
    border: 0;
}
.uf,.uh {
    display: block;
    width: 100%;
}
.pos_re,.up .uf,.up .uh {
    position: relative;
}
.ufl {
    float: left;
}
.ufr {
    float: right;
}
.uinl {
    display: inline-block;
    position: relative;
}
.ut-s {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0;
}
.ut-s2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.uhide {
    display: none;
}
.uof {
    overflow: hidden;
}
.uof-x {
    overflow-x: hidden;
}
.uof-y {
    overflow-y: hidden;
}
.tb {
    font-weight: 700;
}
.ub {
    display: -webkit-box!important;
    display: box!important;
    position: relative;
}
.ub-rev {
    -webkit-box-direction: reverse;
    box-direction: reverse;
}
.ub-fh {
    width: 100%;
}
.ub-fv {
    height: 100%;
}
.ub-con {
    position: absolute;
    width: 100%;
    height: 100%;
}
.ub-ac {
    -webkit-box-align: center;
    box-align: center;
}
.ub-ae {
    -webkit-box-align: end;
    box-align: end;
}
.ub-pc {
    -webkit-box-pack: center;
    box-pack: center;
}
.ub-pe {
    -webkit-box-pack: end;
    box-pack: end;
}
.ub-pj {
    -webkit-box-pack: justify;
    box-pack: justify;
}
.ub-ver {
    -webkit-box-orient: vertical;
    box-orient: vertical;
}
.ub-f1 {
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
}
.ub-f2 {
    position: relative;
    -webkit-box-flex: 2;
    box-flex: 2;
}
.ub-f3 {
    position: relative;
    -webkit-box-flex: 3;
    box-flex: 3;
}
.ub-f4 {
    position: relative;
    -webkit-box-flex: 4;
    box-flex: 4;
}
.ub-img {
    -webkit-background-size: contain;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.ub-img1 {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ub-img2 {
    background-repeat: repeat-x;
    background-size: auto 100%;
}
.ub-img3 {
    background-repeat: repeat-y;
    background-size: 100% auto;
}
.ub-img4 {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}
.ub-img5 {
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.ub-img6 {
    background-repeat: no-repeat;
    background-position: center;
}
.ub-img7 {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}