/**
*main page css
*/

.top_navi{
background: #FFF;
border-bottom: 1px solid #F1F1F1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
left: 0;
padding-left: 1.875em;
top: 0;
width: 100%;
height:60px;
z-index: 5;}

.site_logo{float:left;margin-top:4px;
background-image: url("/images/fotoxiu_logo_h48.png");
background-position: 2px 0 no-repeat;
height: 48px;
width: 147px;}

@media screen and (max-width:480px)
{
  .site_logo{clear:both;MARGIN-RIGHT: auto;MARGIN-LEFT: auto;}
}

.site-logo__link--in-header {
display: table-cell;
height: 60px;
vertical-align: middle;
}

.site-logo__image {
text-indent: -9999px;
vertical-align: middle;
}

.share_navi{float:right;margin-bottom:auto;margin-top:auto;}

@media screen and (max-width:480px)
{
   .share_navi{display:none !important;visibility:hidden !important}
}

.footer{clear:both;background:#000;border-top:1px solid #4c4c4c;padding:10px 0 40px 0}
@media only screen and (max-width:767px)
{.footer{padding:8px 0 20px 0}}


.footer__content{font-size:14px;margin-left:30px;}
.footer__item{float:left;margin-bottom:50px;width:25%}
@media only screen and (max-width:480px)
{
   .footer__content{margin-left:10px;}
   .footer__item{margin-bottom:15px;width:50%}

}

.footer__label{color:#8b8b89;font-size:18px;font-family:STXihei;font-weight:bold;margin-bottom:5px}


.footer__link{margin:0 0 10px;font-size:14px;font-family:STXihei;text-decoration:none}

@media only screen and (max-width:480px)
{
.footer__label,.footer__link{margin-bottom:5px}}
.footer__link{color:#8b8b89;display:block;font-weight:700;text-decoration:none}
.footer__link:hover{color:#3b3b3b;}
.footer__link--emphasis{font-style:italic}
.footer__asterisk{color:#8b8b89;font-size:12px;font-weight:400}
}

.android{color:white;background-position:0 -25px;}
.android:hover{background-position:0 -100px}

.btn{background:url(/images/footer_icon.png) no-repeat 0 0;display:inline-block;width:105px;height:25px;line-height:25px;text-indent:35px;text-decoration:none;position:relative;top:-2px;margin-bottom:3px;color:white;border-radius:5px;}


.iphone{background-position:0 -25px;color:white}
.iphone:hover{background-position:0 -125px}


.icp_label{clear:both;width:100%;text-align:center;font-size:12px;color:#d1d1d1;bottom:3px;opacity:0.8}


.fotoxiu_open_btn{position:absolute;margin:310px 0 0 10px;z-index:1;text-indent: -9999px;
height:120px;width:120px;overflow:hidden;background-color:#000;color:#fff;opacity:0.8;background:url(/images/qr_switch_button_background.gif)}


@media only screen and (max-width:480px)
{
  .fotoxiu_open_btn{position:absolute;margin:390px 0 0 2px;z-index:1;text-indent: -9999px;
height:110px;width:110px;background-color:#fff;color:#000;opacity:0.8;background:url(/images/qr_switch_button_background.gif)}

}

.fotoxiu_main_zone{clear:both;display:none;width:100%;overflow:auto;background-color:#fff;}
.fotoxiu_main_zone_switch{float:left;width:40px;height:40px;z-index:999;margin-left:10px;margin-top:8px;margin-right:2px;background:url(/images/close_zone_btn.png);text-indent: -9999px;}

@media only screen and (max-width:480px)
{
   .fotoxiu_main_zone_switch{clear:both;text-indent: 9px;width:120px;height:30px;text-align:center;padding-top:10px;font-size:14px;background:#6e7049;color:#fff;border:0px;border-radius:8px;margin:8px 8px 8px 120px;}

}


.drop_zone{font-size:14px;text-align:center;text-decoration:none;line-height:24px}
.drop_zone input{font-size:14px;margin:3px;padding:3px;color:#000;}
.drop_zone a{text-decoration:none;}


.fotoxiu_item{float:left;width:30%;margin-left:20px;}
.item_label{margin-top:10px;border-radius:8px;padding-top:6px ;padding-left:14px;height:30px;background:#6e7049;font-size:18px;color:#000;font-family:'黑体 bold';opacity:0.6}

#notice{width:100%;line-height:24px;text-align:center:font-size:13px;padding-left:10px}
#qrzone{width:100%;font-size:14px;text-align:center;text-decoration:none;line-height:24px;padding-bottom:4px}
#qrzone img{margin:10px;}
#qrzone a{text-decoration:none;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
  /* 样式写在这里 */
   .fotoxiu_item{float:left;width:28%;margin-left:20px;}

}

@media only screen and (max-width:480px)
{
   .fotoxiu_main_zone{clear:both;width:100%;overflow:auto;background-color:#fff;}
   .fotoxiu_item{float:left;width:97%;margin:4px}
   #qrzone img{margin-top:2px;}
   #QR{width:180px;height:180px}
   #scan_guide{width:125px;height:190px}
}