@charset "utf-8";
body{font-family:Arial;padding:0;font-size:14px;}

.clear{clear:both;}
.clearfix:after,.clearfix:before {
    content: "";
    display: block;
    clear: both;
}
ol, ul {margin:0;padding:0;}
li{line-height:180%;list-style-type:none;}
img { display: block;border: none; vertical-align: middle; }

.text-omit,.textShow{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}

.nowrap{white-space:nowrap;}
.center{text-align:center;}
a:hover{ text-decoration:none;}
a{color:#878ca8;text-decoration:none;}
a:hover{text-decoration:none;}
.nopadding{padding:0;}
.nolink{pointer-events:none;}

.label{display:inline-block;margin-top:-10px;padding:0.8em 1em 0.5em 1em;}

.nav .svgIcon { margin-right: 10px; }
.nav .active a{color: rgb(43, 123, 255);font-weight: 600;}

.errtit{ background-color:#FEBCAB;height:40px;line-height:40px;color:#990000; }
:focus{outline:0}

.float-left{ display:inline-block;float:left; }
.right{float:right;}

/*--header--*/
.headWrap { background-color:#fff; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);  }
.header{ position:relative;font-size: 15px;  }
.logoImg { width: 258px; height: 45px; }
.logo,.logo a{ font-size:26px;margin-right:50px;color: #212326; }

.navbar-brand { float: none;display: flex;justify-content:center;align-items:center;font-size:26px; }
.navbar-header{}
.navbar-header .left { float: left; margin-left: 15px; }
.navbar-toggle .icon-bar {  background-color: #563d7c; }
.topList li a{ position:relative;font-size:15px;display: flex; align-items:center;color: #333; }

.navbar-right .search{ background:url('../images/search.png') #f0f0f0 no-repeat; background-position-y: center;}
.search-group{ position: relative;padding: 0 15px; }
.search-group .search-group-btn{ position: absolute;border:none 0; background: transparent;left: 15px; }
.search-group .form-control{ padding-left: 50px; background: #f0f0f0; border-radius: 8px;border-color:#f0f0f0; }

@media screen and (min-width: 1367px){
    .container{ width: 1300px; }    
}

@media (min-width: 768px) {       
    .navbar-brand { height: 78px; }
    #r-navbar{ float:right;}
    .topR { position:absolute;right:15px;height: 78px;}
    .topR { display: flex; align-items: center; z-index: 1; }
    .topList{margin-left: 100px;}
    .topList li{margin-right: 50px;}
    .topList li a{ height: 78px;  }
}

/*--index--*/
.commonEntity-t {  margin-bottom: 20px;}
.scrollList{ overflow: hidden; }
@media (max-width: 768px) { 
    .scrollList{ overflow-x: scroll;}
}
.coverlink{ display:block;border-radius:8px; }
.coverlink:hover{ background-color:#f0f0f0; }
.btn-download{ background: #1b65fa;background: #1b65fa;font-weight: 500;color: #fff;line-height: 24px;padding: 3px 20px; }

/*--banner--*/
@media only screen and (min-width: 1200px){
   .banner { margin: 36px 0 27px; } 
}
.banner{ position:relative;width:100%; }
.banner .bannerList { display:flex;align-items:center; }
.banner .bannerList .bannerItem{ flex-shrink:0;height:auto;position:relative;border-radius:12px;padding:10px;height:224px; }
.banner .bannerList .bannerItem .itemScreenImg{width:100%}
@media (max-width: 768px) { 
    .logoImg { width: 180px; height: 30px; }
    .banner .bannerList{ overflow-x: scroll; -webkit-overflow-scrolling:touch;display: -webkit-box;white-space: nowrap; }
    .banner .bannerList .bannerItem{ width: 100%; }
}
.banner .bannerList .bannerItem .itemAppCard{ position:absolute;bottom:0; }
.banner .bannerList a{ display:block;height:100%; }
.banner .bannerList .itemScreen .itemScreenImg{ height: 100%; width: 100%;border-radius:12px; }
.banner .bannerList .bannerItem .itemAppCard{ 
    width:calc(100% - 10px * 2); 
    background-image: linear-gradient(0deg,#0000004d,#00000000); 
    border-radius: 0 0 12px 12px;
    position: absolute;
    left: 0;
    bottom: 10px;
    padding: 10px 18px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; 
}
.banner .bannerList .bannerItem .itemAppCard .icon { height: 44px; width: 44px; border-radius: 6px; border: 1px solid #fff; }
.banner .bannerList .bannerItem .itemAppCard .appCardLeft{ display:flex;align-items:center; }
.banner .bannerList .bannerItem .itemAppCard .appCardLeft{ width:100%;overflow: hidden;text-overflow: ellipsis;  }
.banner .bannerList .bannerItem .itemAppCard .appCardLeft .appInfo{ width:100%;margin: 0 10px; }
.banner .bannerList .bannerItem .itemAppCard .appCardLeft .apptitle { width:calc(100% - 10px);margin-bottom: 10px;color: #fff;line-height: 19px;word-break: break-all;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.banner .bannerList .bannerItem .itemAppCard .appCardLeft .appScore { font-weight: 500; color: #ec7927; line-height: 16px; display: flex; align-items: center; }
.banner .bannerList .bannerItem .itemAppCard .appCardRight{ display:flex;align-items:center;justify-content: center; }
.appScore .glyphicon{ margin-right:3px; }

/*-entityTitleBox--*/
@media only screen and (min-width:1200px){
    .entityTitleBox { padding: 0 10px; margin: 19px 0; }
}
.entityTitleBox{display:flex;justify-content:space-between;align-items:center}
.entityTitleBox .entityTitle{font-size:26px;font-weight:500;color:#212326;line-height:30px}
.entityTitleBox .more{font-size:16px;}
@media (max-width: 768px) { 
    .entityTitleBox .more{font-size:14px;}
}

/*-arrowtBtn--*/
.leftBtn { left: 1px;transform: translateX(-50%); }
.rightBtn { right: 1px;transform: translateX(50%); }
.arrowtBtn {
    position: absolute;
    top: 45%;    
    z-index: 5;
    background-color: #fff;
    border-radius: 50%;
    font-size: 24px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 20%), 0 0 2px rgb(0 0 0 / 20%);
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}
.arrowtBtn:hover {background-color: #dcdcdc;}

/*-appItem--*/
.appItem{ padding: 0;margin-bottom: 18px; }
.appItem .lazyImg{height:86px;width:86px;border-radius:12px;margin: 10px;box-shadow: 0 1px 2px 0 rgb(60 64 67 / 20%), 0 1px 3px 1px rgb(60 64 67 / 10%);}
.appItem .appCon{display:flex;align-items:center}
.appItem .appCon .appSerialNum{font-size:16px;font-weight:500;color:#000;line-height:19px;}
.indexWrap .appItem .appCon .appSerialNum{align-self:flex-start;margin:20px 15px 0 5px}
.appItem .appCon .appSerialNum .appSerialIcon{width:24px;height:24px}
.appItem .appCon .appSerialNum .serialNum { margin: 0 8px; }
.appItem .appCon .app-info{padding-right:10px;word-break:break-all;width:100%;}
.appItem .appCon .app-info .app-info-tit{font-size:16px;font-weight:600;color:#212326;line-height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.appItem .appCon .app-info .app-info-sort{font-size:14px;font-weight:400;color:#626365;line-height:16px;margin:8px 0}
.appItem .appCon .app-info .app-info-score{font-size:14px;font-weight:500;color:#ec7927;line-height:16px}

@media (max-width: 768px) { 
   .appItem{ margin-bottom: 10px; }
}

/*-crosswiseEntityList--*/
.crosswiseEntityList{width:100%;white-space:nowrap;position:relative;}
.crosswiseEntityList .item{width:147px;display:inline-block;float:none;vertical-align:top;padding:10px;font-size:14px}
.crosswiseEntityList .item .appCon .lazyImg{ width:127px;height:127px;;border-radius:12px;border:1px solid #f0f0f0}
.crosswiseEntityList .item .appCon .itemInfo .textShow{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}
.crosswiseEntityList .item .appCon .itemInfo .itemTitle{font-size:16px;font-weight:500;color:#212326;margin-top:8px}
.crosswiseEntityList .item .appCon .itemInfo .group{color:#626365;margin:6px 0}
.crosswiseEntityList .item .appCon .itemInfo .itemDescribe{color:#ec7927}
@media (max-width: 768px) { 
    .crosswiseEntityList{overflow-x:auto;}
    .crosswiseEntityList .item .appCon .lazyImg{ width:101px;height:101px;border-radius: 8px;}
    .crosswiseEntityList .item{width:120px;}
}

/*-ratedGamesList--*/
.ratedGamesList { position: relative;width:100%;white-space:nowrap;padding: 0 10px; }
@media (max-width: 768px) { 
    .ratedGamesList{overflow-x:auto;}
}
.popgamesItem .popgamesItemAll .popgamesItemPic{ aspect-ratio: 580/327;max-width: 100%;max-height:200px; }
.popgamesItem{ padding:10px;display:inline-block;float:none; }
.popgamesItem .itemGames{margin-top:10px;display:flex;align-items:center}
.popgamesItem img{border-radius:12px}
.popgamesItem .itemGames .gameIcon{background:#fff;border:1px solid #f0f0f0;width:86px;height:86px}
.popgamesItem .itemGames .gamesInfo{flex:1;margin-left:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.gamesInfoTit{font-size:16px;font-weight:500;color:#212326;margin-top:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.gamesInfoOther{color:#626365;margin:6px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.gamesInfoGrade{color:#ec7927;display:flex;align-items:center}

/*--articleList--*/
.articleList .articleItem { padding: 10px; }
.articleList .articleItem .articleItemCont { display: block; position: relative; }
.articleList .articleItem .articleItemCont .articleItemImg { aspect-ratio: 580/327;width:100%;height:167px;border-radius:12px; }
.articleList .articleItem .articleItemCont .articleItemText {
    position: absolute;
    bottom: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
    color: #fff;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
    background: linear-gradient(180deg,rgba(0,0,0,0) -4.18%,#000000 105.95%);
    border-radius: 0 0 8px 8px;
}

@media only screen and (min-width: 321px) and (max-width: 767px){
    .ratedGamesList {overflow-x:auto;}
     .popgamesItem .itemGames .gameIcon{width:76px;height:76px}
}

@media only screen and (min-width:1200px){
    .popgamesItem .popgamesItemAll .popgamesItemPic{height:auto;width:100%}
}

/*--detail topDownloads--*/
@media only screen and (min-width: 1200px){    
    .appDetailWrap .detailContLeft { padding: 0 40px 0 20px; }
    .navigation{font-size:20px; }    
    .appDetailWrap .detailContRight .entityTitleBox .more,.appDetailWrap .btn-download{ display:none; }
}

.appDetailWrap { padding: 24px 0 30px; }
.searchWrap { padding: 24px 0 30px;min-height: 80vh; }
.appDetailWrap .entityTitleBox { display: flex; justify-content: space-between;align-items: center; }
.appDetailWrap .entityTitleBox .entityTitle{font-size:24px;font-weight:500;color:#212326;line-height:40px;}
.appDetailWrap .title{font-size:26px;font-weight:500;color:#212326;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}
    
.navigation{ display: flex;align-items: center;line-height:23px;color:#626365;white-space:nowrap }
.navigation a{ color:#626365; }
.navigation span{margin: 0 4px;}
.navigation a:last-child{color:#212326;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}

.detailContLeft .appBusinessCard{display:flex;align-items:center;margin-top:30px;text-overflow:ellipsis;word-break:break-all;padding-bottom: 10px;}
.appBusinessCard .appPicIcon{width:8em;height:8em;border-radius:.8em}
.appBusinessCard .appBusinessCardInfo{margin-left:12px;padding-right:10px}
.appBusinessCard .appBusinessCardInfo .cardInfoTop{display:flex;align-items:center}
.appBusinessCard .appBusinessCardInfo h2{margin:0;color:#212326;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}
.appBusinessCard .appBusinessCardInfo h2{font-size:16px;}
.appBusinessCard .appBusinessCardInfo .cardInfoTopName{padding-right:5px}
.appBusinessCard .appBusinessCardInfo .guideInfo{margin-top:30px;display:flex;align-items:center;text-align:center;justify-content:space-around;}
.appBusinessCard .appBusinessCardInfo .guideInfo .line{width:0;height:26px;margin: 0 18px;opacity:1;border-left:1.2px solid #e6e6e6}
.appBusinessCard .appBusinessCardInfo .star{font-size:16px;display:flex;align-items:center;color:#ec7927}
.appBusinessCard .appBusinessCardInfo .guideInfo .detText{font-weight:500;color:#626365;margin-top:7px;overflow:hidden}

.appDetailWrap .detailContLeft .swiper{position:relative;padding-top: 10px}
.appDetailWrap .detailContLeft .swiper .swiperTitle{margin-bottom:17px}
.swiper .swiperCont{overflow:hidden;width:100%}
.appDetailWrap .detailContLeft .swiper .swiperScroll{position:relative;width:100%;}
.appDetailWrap .detailContLeft .swiper .swiperList{overflow:hidden;width:100%;display:flex;flex-direction:row}
.appDetailWrap .detailContLeft .swiper .swiperList .swiperItem{padding-right:10px;position:relative;}
.appDetailWrap .detailContLeft .swiper .swiperList .swiperItem .swiperImg{height:296px;}

.appDetailWrap .detailContLeft .minBox{padding:10px}
.appDetailWrap .additionalInfo .infoList{display:grid;grid-gap:12px 12px;grid-template-columns:repeat(3,calc((100% - 24px)/ 3))}

.appDetailWrap .additionalInfo .item{display:flex;align-items:center;border-radius:4px 4px 4px 4px;border:1px solid #d9d9d9;padding:12px}
.appDetailWrap .additionalInfo .iconName{background: url(../images/page/Name.png) no-repeat;background-size: cover;}
.appDetailWrap .additionalInfo .iconCategory{background: url(../images/page/Category.png) no-repeat;background-size: cover;}
.appDetailWrap .additionalInfo .iconPackage{background: url(../images/page/Package.png) no-repeat;background-size: cover;}
.appDetailWrap .additionalInfo .iconDeveloper{background: url(../images/page/Developer.png) no-repeat;background-size: cover;}
.appDetailWrap .additionalInfo .iconRating{background: url(../images/page/Rating.png) no-repeat;background-size: cover;}
.appDetailWrap .additionalInfo .iconVersion{background: url(../images/page/Version.png) no-repeat;background-size: cover;}
.appDetailWrap .additionalInfo .itemIcon{height:24px;width:24px;}
.appDetailWrap .additionalInfo .itemCont{margin-left:8px}
.appDetailWrap .additionalInfo .itemTitle{font-size:14px;color:#626365}
.appDetailWrap .additionalInfo .itemdet{font-weight:600; color: #212326;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-break:break-all}
.appDetailWrap .additionalInfo .unitemdet{color:#2b7bff}


.appDetailWrap .detailContLeft .flag{margin-top:18px;font-size:16px;padding:0 10px;color:#2b7bff}
.appDetailWrap .detailContLeft .flag div{ cursor:pointer; }
    
.appDetailWrap .jumpVersion { padding:10px; padding-bottom: 24px; display: flex;align-items: center;justify-content: space-between;margin-top: 10px; font-weight: 600; }
.appDetailWrap .jumpVersion .btn { padding: 20px 0; width: calc((100% - 18px)/2);font-size: 16px; }
.appDetailWrap .jumpVersion .icon{ display:inline-block;vertical-align:middle;width:26px;height:26px;margin-right:10px; }
.appDetailWrap .jumpVersion .gooleplay { background: #2b7bff; }
.appDetailWrap .jumpVersion .gooleplay .icon{ background: url(../images/gooleplay.png) no-repeat; }
.appDetailWrap .jumpVersion .iosStore { background: #212326; }
.appDetailWrap .jumpVersion .iosStore .icon{ background: url(../images/iosStore.png) no-repeat; }
.appDetailWrap .jumpVersion .download { background: #2b7bff; }
.appDetailWrap .jumpVersion .download .icon{ background: url(../images/download.png) no-repeat; }
.appDetailWrap .jumpVersion .versioHist { background: #e8efff; }
.appDetailWrap .jumpVersion .versioHist .icon{ background: url(../images/versioHist.png) no-repeat; }
.detailContLeft .crosswiseEntity { margin-bottom: 20px; position: relative; }

.customArticle { padding: 0 10px; }
.customArticle h1 { font-size: 32px; font-weight: 700; line-height: 40px; margin-top: 20px; margin-bottom: 12px; }
.customArticle .resulItem { padding: 10px; margin-bottom: 18px;}
.customArticle .resulItem .itemImg { border-radius: 8px;border: 1px solid #f0f0f0; }

@media only screen and (max-width: 767px){
    .appDetailWrap,searchWrap { padding: 12px 0 24px;font-size:12px; }
    .appDetailWrap .title{font-size:24px;}
    .appDetailWrap .detailContLeft .swiper .swiperList{overflow-x:auto;}
    .appBusinessCard .appPicIcon { width: 86px; height: 86px; }
    .appBusinessCard .appBusinessCardInfo h2{font-size:12px;}
    .appDetailWrap .additionalInfo .itemTitle,.appDetailWrap .additionalInfo.itemdet{font-size:14px}
    .appBusinessCard .appBusinessCardInfo .star{font-size:14px;}
    .appDetailWrap .additionalInfo .infoList{grid-gap:5px 5px;grid-template-columns:repeat(2,calc((100% - 5px)/ 2))}

    .appDetailWrap .crosswiseEntityList {white-space:normal;overflow:hidden;}
    .appDetailWrap .crosswiseEntityList .item{ display: block;width:100%; }
    .appDetailWrap .crosswiseEntityList .item .appCon { display: flex; align-items: center;}
    .appDetailWrap .crosswiseEntityList .item .lazyImg{ width:86px;height:86px;}
    .appDetailWrap .crosswiseEntityList .item .appCon .itemInfo { margin: 0 10px; width: 100%;}
    .appDetailWrap .jumpVersion { display: flex; flex-direction: column; align-items: center; }
    .appDetailWrap .jumpVersion .btn { padding: 13px 0; width: 100%;margin-top: 2px; }
    
    .detailContLeft .customArticle h1 { font-size: 22px; line-height: 30px;}
}

.searchWrap .searchTip{padding:10px 0;font-size:16px;font-weight:400;color:#626365}
.searchWrap .noResult{font-size:36px;padding:100px 0;display:block;text-align:center;font-weight:400;color:#626365}
.searchWrap .recommendAppTitle,.searchWrap .relatedTitle{font-size:26px;color:#212326;line-height:30px;padding:24px 0}
.searchWrap .appItem { padding: 10px; }
.searchWrap .relatedItem .relatedlink{padding:12px}
.searchWrap .relatedItem span{margin-right:12px}
@media only screen and (max-width:767px){
    .searchWrap .noResult{font-size:16px;padding:80px 0}
    .searchWrap .recommendAppTitle{font-size:24px;padding:12px 10px}
    .searchWrap .searchContRight{display:none}
}

/*--------loader----------------*/
#loader{ display:none; }
.loader_backdrop,.backdrop{position:fixed;left:0;top:0;display:-webkit-box;display:flex;z-Index:999;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;height:100%;width:100%;background:rgba(0,0,0,.5);}
.loader{--color:white;--size-mid:6vmin;--size-dot:1.5vmin;--size-bar:.4vmin;--size-square:3vmin;display:block;position:relative;width:50%;display:grid;place-items:center}
.loader::after,.loader::before{content:'';box-sizing:border-box;position:absolute}
.loader.--1::before{width:var(--size-mid);height:var(--size-mid);border:4px solid var(--color);border-top-color:transparent;border-radius:50%;-webkit-animation:loader-1 1s linear infinite;animation:loader-1 1s linear infinite}
.loader.--1::after{width:calc(var(--size-mid) - 2px);height:calc(var(--size-mid) - 2px);border:2px solid transparent;border-top-color:var(--color);border-radius:50%;animation:loader-1 .6s linear reverse infinite}
@-webkit-keyframes loader-1{100%{transform:rotate(1turn)}}
@keyframes loader-1{100%{transform:rotate(1turn)}}

.loading{font-size:18px;line-height:26px;text-align:center;margin:10px 0;color:#626365;}

/*--footer--*/
.footerWrap .footer { position: relative; padding: 50px 0; border-top: 1.5px solid #d9d9d9;margin-top:15px; }
@media only screen and (min-width:1200px){
    .footerWrap .footer .top { margin-bottom:18px; }
    .footerWrap .cookie-notice-container{font-size:16px}
}
.footerWrap .footer .top { display: flex; align-items: center; margin-bottom: 18px;height:50px; }
.footerWrap .footer .top .logo img { width: 270px; height: 46px; }
.footerWrap .footer .links .externalLinks { margin-left: 30px; }
.footerWrap .footer .introduction{padding-bottom:20px;color:#626365;font-weight:400;font-size:14px;line-height:16px}
.footerWrap .footer .tabbar{font-weight:400;font-size:16px}
.footerWrap .footer .tabbar a{padding-right:30px;color:#626365;line-height:30px;word-break:break-word}

.footerWrap .cookie-notice-container{display: block;position:fixed;bottom:0;left:0;z-index:999999;width:100%;background-color:hsla(0,0%,100%,.5);-webkit-box-shadow:0 1px 2px 0 rgb(0 0 0/10%);box-shadow:0 1px 2px 0 rgb(0 0 0/10%);color:#6f6f6f;text-align:center}
.footerWrap .cookie-notice-container .container{max-width:900px;z-index:2;position:relative;text-align:center;padding:10px;padding-right:100px;margin:0 auto}
.footerWrap .agree-cookies{position:absolute;right:0;top:50%;transform:translate(-8px,-50%);background:#0186ff;border-radius:15px;padding:5px 25px;border:none}

@media only screen and (max-width: 767px){
    .footerWrap{ padding: 0;}
    .footerWrap .footer { padding: 20px 15px;padding-bottom: 80px; }
    .footerWrap .footer .links {margin: 10px 0; }
    .footerWrap .footer .links .externalLinks { margin-left: 0; }
    .footerWrap .footer .top .logo img { width: 164px; height: 28px; }
    .footerWrap .footer .introduction{padding-bottom:10px;border-bottom:1px solid #d9d9d9}
    .footerWrap .footer .tabbar{font-size:14px;line-height:30px;margin-top:20px;display:grid;grid-gap:5px;grid-template-columns:repeat(2,calc((100% - 20px)/ 2))}
    .cookie-notice-container .container{font-size:12px}
}

.advertisement
{
    font-size: 12px;
    line-height: 1;
    margin-bottom: 6px;
    text-transform: uppercase;
    color: #ccc;
}

p
{
    margin-top: 16px;
    margin-bottom: 16px;
}

.stamp-item, .stamp-item-con
{
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    padding: 0 16px 16px 16px;
    border: 1px solid #eee;
}