/*
Powered by www.itokit.com		http://weixin.itokit.com
深圳市企源动力科技有限公司		0755-83207899
*/

body {font-size:14px;}
body a{cursor:pointer;}
body,html{background:#eee;}
table {border-collapse: collapse;}
.wrap{width:100%; margin:0 auto; clear:both; overflow:hidden;}
#MusicControl{display:block; position:absolute; z-index:1000; top:8px; right:8px; width:20px; height:20px; overflow:hidden; background:url(/Public/Images/app_wedding/nomusic.png) center center no-repeat; background-size:20px 19px;}
#MusicControl.on{background:url(/Public/Images/app_wedding/music.png) center center no-repeat; background-size:20px 19px;}

#web_page_contents_loading{display:none; width:30px; height:30px; position:fixed; left:0; top:0; z-index:10000; padding:30px; background:#fff; border:1px solid #ccc; border-radius:8px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
#pull_screen{background:#B6DAFC; width:100%; height:500px; position:fixed; z-index:100000;}
#pull_screen div{width:100%; height:100%; background:#8EC7FB; margin:0 auto;}

#header{background:#1C2628; height:40px;}
#header ul li{float:left; height:40px; width:80px; text-align:center; background:url(/Public/Images/web/bg.png) -310px -303px no-repeat;}
#header ul li a{display:block; width:21px; height:21px; color: #fff;font-size:20px;margin:0 auto; margin-top:10px; text-decoration:none;
        /*background:url(/Public/Images/web/bg.png) 1px -92px no-repeat; */cursor:pointer;}
#header ul li.first{background:none;}



#header ul li.music{display:none;}
#header ul li.music a{background:url(/Public/Images/app_wedding/nomusic.png) center center no-repeat; background-size:20px 19px;}
#header ul li.music a.on{background:url(/Public/Images/app_wedding/music.png) center center no-repeat; background-size:20px 19px;}

#column a{text-decoration:none;}
#column .contents{padding:8px; line-height:160%; min-height:250px; overflow:hidden;}
#column .contents img{max-width: 100%;}
#column .contents p{margin-top:5px; margin-bottom:0px;text-align: justify;}
#column .list-type-0 .item{border-bottom:1px solid #ddd; padding:7px 0; height:75px; overflow:hidden; background:url(/Public/Images/web/bg.png) 0 -115px repeat-x; position:relative;}
#column .list-type-0 .item .img{width:105px; height:75px; overflow:hidden; position:absolute; left:0; top:7px;}
#column .list-type-0 .item .img img{width:100%; min-height:100%; margin-left:7px;}
#column .list-type-0 .item .info{overflow:hidden; position:absolute; left:105px; top:7px; margin-left:7px; margin-right:30px;}
#column .list-type-0 .item .info h1{height:16px; line-height:16px; overflow:hidden; margin-bottom:3px; font-weight:bold; font-size:14px;}
#column .list-type-0 .item .info h2{height:55px; line-height:150%; overflow:hidden; color:#888; font-size:12px;}
#column .list-type-0 .item .detail{width:30px; float:right; overflow:hidden; padding-top:30px;}
#column .list-type-0 .item .detail span{display:block; width:20px; height:20px; margin:0 auto; background:url(/Public/Images/web/bg.png) -88px -92px no-repeat;}
#column .list-type-1{width:100%; box-sizing:border-box; padding:7px 1px; padding-bottom:0;}
#column .list-type-1 .list{width:99%; margin:0 auto;}
#column .list-type-1 .item{float:left; width:50%; overflow:hidden;}
#column .list-type-1 .item div{background:#fff; margin:0 4px; margin-bottom:7px;}
#column .list-type-1 .item ul{width:94%; overflow:hidden; margin:0 auto; padding-top:4px;}
#column .list-type-1 .item ul .img{height:100px; overflow:hidden;}
#column .list-type-1 .item ul .img img{width:100%; min-height:100%;}
#column .list-type-1 .item ul .title{height:26px; line-height:26px; text-align:center; overflow:hidden; font-size:14px;}
#column .list-type-2 .item{border-bottom:1px solid #ddd; padding:7px 0; height:55px; overflow:hidden; background:url(/Public/Images/web/bg.png) 0 -115px repeat-x; position:relative;}
#column .list-type-2 .item .info{overflow:hidden; position:absolute; top:7px; margin-left:7px; margin-right:30px;}
#column .list-type-2 .item .info h1{height:20px; line-height:20px; overflow:hidden; font-weight:bold; font-size:14px;}
#column .list-type-2 .item .info h2{height:35px; line-height:150%; overflow:hidden; color:#888; font-size:12px;}
#column .list-type-2 .item .detail{width:30px; float:right; overflow:hidden; padding-top:20px;}
#column .list-type-2 .item .detail span{display:block; width:20px; height:20px; margin:0 auto; background:url(/Public/Images/web/bg.png) -88px -92px no-repeat;}
#turn_page{padding:9px 0 6px 0;margin:5px 0;}
@media all and (min-width:360px){
	#column .list-type-1 .item ul .img{height:113px;}/*((360-2)×0.99×0.5-4*2)×0.94÷1.4*/
}
@media all and (min-width:420px){
	#column .list-type-1 .item ul .img{height:133px;}
}
@media all and (min-width:480px){
	#column .list-type-1 .item ul .img{height:153px;}
}

#lbs{background:#eee;}
#lbs a.gps{display:block; width:305px; height:51px; margin:10px auto; overflow:hidden;}
#lbs .shop_img{text-align:center;}
#lbs .shop_img img{width:100%;}
#lbs .item{margin:10px auto; width:95%; padding:5px 0; clear:both; border:1px solid #C3C3C3; border-radius:8px; background:#F9F9F9; position:relative;}
#lbs .item .name{height:22px; line-height:22px; overflow:hidden; text-align:center; font-size:16px; font-weight:bold;}
#lbs .item .tel_ico{width:16px; height:17px; background:url(/Public/Images/web/bg.png) -304px -280px no-repeat; position:absolute; left:5px; top:6px;}
#lbs .item .item_name{font-weight:bold; font-size:16px; width:45px; padding-left:8px; height:17px; line-height:17px; position:absolute; left:19px; top:6px;}
#lbs .item .tel_number{width:auto; padding-left:72px; padding-right:5px; min-height:17px;}
#lbs .item .tel_number a{font-size:16px;}
#lbs .item .address_ico{width:16px; height:17px; background:url(/Public/Images/web/bg.png) -304px -248px no-repeat; position:absolute; left:5px; top:6px;}
#lbs .item .address{width:auto; padding-left:72px; padding-right:5px;}
#lbs .item .description{line-height:150%; padding:0 8px;}
#lbs #map{width:100%; min-height:250px;}

#footer_points{height:50px; clear:both;}
#footer{width:100%; margin:0 auto; background:url(/Public/Images/web/bg.png) 0 0 repeat-x; height:42px; position:fixed; z-index:1000; bottom:0;}
#footer a{text-decoration:none; color:#333;}
#footer a.cur{color:#ff6600;}
#footer ul{margin-top:0px; border-top:1px solid #C4C4C4;}
#footer ul li{position:relative; float:left; height:41px; line-height:41px; width:80px; text-align:center; background:url(/Public/Images/web/bg.png) -312px -45px no-repeat;}
#footer ul li.first{background:none;}
#footer ul li img{padding-right:4px;}
#footer ul li div, #footer ul li a{height:42px; line-height:42px; overflow:hidden; font-size:14px; cursor:pointer; display:block;}
#footer ul li div.cur{color:#ff6600;}
#footer ul dl{box-shadow:0 0 8px #333; bottom:42px; position:absolute; width:100%; display:none; background:#E6E6E6; padding-bottom:4px;}
#footer ul dl dd{height:40px; line-height:40px; overflow:hidden; background:url(/Public/Images/web/bg.png) center -55px no-repeat; padding:0 5px;}
#footer ul dl dd.first{background:none;}
#footer ul dl dd a{font-size:14px;}
.no-item{line-height: 30px;
margin-top: 50px;
text-align: center;
background-color: #fff;}

.go-search.icon-search {font-size:30px;top:50px;right:50px;position:fixed;color:#666;z-index:10;}
.cancel-search {font-size: 22px;color:#666;
float: left;line-height: 34px;margin-left: 5px}
.cbp-spmenu{background:#efefef;position:fixed;}
.cbp-spmenu-horizontal{width:100%;height:100%;left:0;z-index:1001;overflow:hidden;}
.cbp-spmenu-top{top:-100%;display:none;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;display:block;}
.search_section {width:310px;padding:5px;margin:10px auto;}
.column_class {width:90%;max-width:500px;margin:20px auto;}
.column_class li {float:left;white-space: nowrap;padding:2px 5px;margin:5px 2px;}
.search:hover {-webkit-box-shadow:0 0 3px #999;-moz-box-shadow:0 0 3px #999}
.search .sinput{float:left;width:215px;height:24px;line-height:24px;padding:4px 5px;border:#A7A7A7 1px solid;background:white;color:#888;font-size:12px;-webkit-transition:.3s;-moz-transition:.3s;outline:none}
.search .sinput:focus{width:215px}
.search .sbtn{cursor:pointer;height:34px;font-size:12px;float:left;width:60px;margin-left:-1px;background:#eee;display:inline-block;padding:0 12px;vertical-align:middle;border:#A7A7A7 1px solid;color:#666}
.search .sbtn:hover{background:#ddd}

  .search_box  {
            margin:5px;
            padding: 6px 50px 6px 6px;
            height: 42px;
            border: 0px solid #646464;
            position: relative;
            box-sizing: border-box;
            background: #efefef;
            border-radius: 5px;
        }
        .search_box .search {
            height: 26px;
            border-radius: 5px;
            border: 1px solid #646464;
            overflow: hidden;
            background: #ffffff;
            position: relative;
        }
         .search_box a.category {
            display: block;
            width: 32px;
            height: 26px;
            overflow: hidden;
            background: url(./images/category.png) center center no-repeat;
            background-size: 22px 19px;
            position: absolute;
            right: 6px;
            top: 7px;
        }
        .search_box .search .input {
            width: 100%;
            height: 20px;
            line-height: 20px;
            padding: 0 48px 0 8px;
            box-sizing: border-box;
            margin: 3px 0;
            border: none;
        }
        .search_box .search .submit {
            width: 40px;
            height: 26px;
            overflow: hidden;
            position: absolute;
            top: 0px;
            right: -1px;
            background: url(./images/search_btn.jpg) center center no-repeat #e7e7e7;
            background-size: 16px 16px;
            cursor: pointer;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
            border: none;
        }
.web_right_user{max-width:600px;margin:0 auto;line-height:30px;margin:20px;}
.web_right_user li{text-align:center;margin:5px;}
.web_right_user li .text{padding:2px;width:140px;}
.web_right_user li .btn{
height: 30px;
line-height: 30px;
background: url(/Public/Images/member/ok-btn-bg.jpg);
border: none;
color: #fff;
width: 145px;
border-radius: 5px;
text-align: center;
text-decoration: none;
margin-right: 10px;}
