html, body{height: auto;}
.wrap{padding-top: 0px;}
.bg_black{background-color: #393939;}
.header{background-color: #242424;}
/*.tlt-fixhead{position: fixed; left: 0; top: 0; z-index: 2; width: 100%; background-color: #fff;}*/
#infscr-loading{display: hidden; opacity: 0;}

.tlt-menu{padding: 10px 0; font-size: 16px;}
.tlt-mitem{width: 72px; height: 32px; margin: 0 20px 0 5px; line-height: 32px; color: #888; border-radius: 4px;}
.tlt-mitem.active{color: #fff; background-color: #fc496b;}

.tlt-screen-wrap{padding: 25px 0;}
.tlt-screen{border: 1px solid #ddd;}

.tlt-screen-row{padding: 0 8px; border-bottom: 1px dotted #ddd;}
.tlt-screen-title{width: 63px; font-size: 12px; color: #999;}
.tlt-screen-con{font-size: 16px; color: #333;}

.tlt-screen-title, .tlt-screen-con{float: left; height: 25px; padding: 7px 0; line-height: 25px;}
.tlt-screen-label{display: inline-block; padding: 0 7px; margin-left: 23px; border-radius: 2px; cursor: pointer; position: relative;}
.tlt-screen-label.active{color: #fff; background-color: #fc496b;}
.tlt-screen-radio{display: block; position: absolute; left: 0; top: 0; opacity: 0;}

.tlt-moka{}  
.tlt-moka-item{position: relative;display: inline-block;margin-bottom: 12px;width: 594px; /*float: left\9;*/ +margin-right: 6px;}
.tlt-moka-item img{display: block; width: 100%; height: auto;} 
.tlt-moka-clip{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);  display: none;}
.tlt-moka-item:hover .tlt-moka-clip{display: block;}
.tlt-moka-btn{position: absolute;left: 30%;top: 50%;width: 100px;height: 48px;margin: -24px 0 0 -77px;line-height: 48px;font-size: 1rem;color: #fff;background-color: #fc496b;border-radius: 4px;cursor: pointer;}
.tlt-moka-link{position: absolute;right: 30%;top: 50%;width: 100px;height: 48px;margin: -24px -77px 0 0;line-height: 48px;font-size: 1rem;color: #fff;background-color: #fc496b;border-radius: 4px;cursor: pointer;}
@media only screen and (max-width: 1200px){
	.tlt-moka{width: 1024px;}
	.tlt-moka-item{width: 506px;}
	/*debug*/
	.tlt-moka{width: 1024px;-webkit-column-width: 506px;-moz-column-width: 506px;column-width: 506px;}
}  

.tlt-locate{font-size: 1em; line-height: 32px; color: #fff;}
.tlt-locate:before{content: ''; display: inline-block; width: 17px; height: 20px; margin: 5px 5px -4px 0; background: url(../img/locate.png) no-repeat center center; background-size: 100% 100%;} 

.tlt-city{position: fixed; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding-top: 104px; background-color: rgba(27, 27, 27, 0.5);background: url(../img/bg_mark.png)\9;}
.tlt-ct-list{padding-top: 27px; padding-bottom: 10px;}
.tlt-ct-litem{float: left; width: 25%; margin-bottom: 27px;}
.tlt-ct-ltxt{display: inline-block; width: 67px; height: 27px; margin: 0 auto; line-height: 27px; font-size: .875rem; color: #999; border-radius: 2px;  cursor: pointer;}
.tlt-ct-litem.active .tlt-ct-ltxt{color: #fff; background-color: #fc496b;}
.tlt-sure{height: 27px; line-height: 27px; margin-right: 11%; font-size: 1.0625rem; color: #fc496b;}
.tlt-head{padding-bottom: 30px;}

body.pop{position: relative; overflow: hidden;}
.pop .wrap{position: absolute; left: 0; top: 0; width: 100%; /*+position: static;*/}

.tlt-qrcode{position: fixed;left: 0;top: 0;z-index: 3;zoom: 1;width: 100%;height: 100%;background-color: rgba(27,27,27,.5);background: url(../img/bg_mark.png)\9;}
.tlt-code-box{position: absolute;left: 50%;top: 50%;width: 752px;height: 548px;margin: -274px 0 0 -376px;background-color: #fff;border-radius: 4px;}
.tlt-code{position: relative;width: 240px;height: 240px;margin: 25px auto;padding: 20px;border: 1px solid #ddd;background-color: #fff;}
.tlt-code:after{content: '';position: absolute;left: 50%;top: 50%;width: 58px;height: 58px;margin: -32px 0 0 -32px;background: url(../img/logo.png) no-repeat center center;background-size: 100% 100%;border: 3px solid #fff;border-radius: 8px;overflow: hidden;}
.tlt-code img{width: 240px; height: 240px;}
.tlt-code-title{padding-top: 70px; font-size: 1.625rem; color: #000;}
.tlt-code-tips{width: 284px;height: 50px;margin: 25px auto 0; line-height: 50px;font-size: 1.125rem;color: #fff;background-color: #fd92a6;border-radius: 2em;}

.tlt-screen-wrap{-webkit-animation: showUp .3s 0s forwards ease-in-out;-moz-animation: showUp .3s 0s forwards ease-in-out;-ms-animation: showUp .3s 0s forwards ease-in-out;animation: showUp .3s 0s forwards ease-in-out; }
.down .tlt-screen-wrap{-webkit-animation: showDown .3s 0s forwards ease-in-out;-moz-animation: showDown .3s 0s forwards ease-in-out;-ms-animation: showDown .3s 0s forwards ease-in-out;animation: showDown .3s 0s forwards ease-in-out;}

@-webkit-keyframes showUp{0%{height: 0px;} 100%{height: 100%;}}
@-moz-keyframes showUp{0%{height: 0px;} 100%{height: 100%;}}
@-ms-keyframes showUp{0%{height: 0px;} 100%{height: 100%;}}
@keyframes showUp{0%{height: 0px;} 100%{height: 100%;}}
@-webkit-keyframes showDown{0%{height: 100%;} 100%{height: 0px;}}
@-moz-keyframes showDown{0%{height: 100%;} 100%{height: 0px;}}
@-ms-keyframes showDown{0%{height: 100%;} 100%{height: 0px;}}
@keyframes showDown{0%{height: 100%;} 100%{height: 0px;}}