﻿/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


@font-face {font-family:"Raleway";src:url("../fonts/raleway-regular.eot") format("eot"),url("../fonts/raleway-regular.woff") format("woff"),url("../fonts/raleway-regular.ttf") format("truetype"),url("../fonts/raleway-regular.svg#raleway") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family: "Poppins";src: url("../fonts/poppins-regular-webfont.eot");src: url("../fonts/poppins-regular-webfont.eot") format("embedded-opentype"),url("../fonts/poppins-regular-webfont.woff") format("woff"),url("../fonts/poppins-regular-webfont.ttf") format("truetype"),url("../fonts/poppins-regular-webfont.svg#poppinsregular") format("svg");font-weight: normal;font-style: normal;}
@font-face {font-family:"Montserrat";src:url("../fonts/montserrat-regular.eot") format("eot"),url("../fonts/montserrat-regular.woff") format("woff"),url("../fonts/montserrat-regular.ttf") format("truetype"),url("../fonts/montserrat-regular.svg#montserrat-regular") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Josefin Slab";src:url("../fonts/josefinslab-regular.eot") format("eot"),url("../fonts/josefinslab-regular.woff") format("woff"),url("../fonts/josefinslab-regular.ttf") format("truetype"),url("../fonts/josefinslab-regular.svg#josefinslab") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Lato";src:url("../fonts/lato-regular.eot") format("eot"),url("../fonts/lato-regular.woff") format("woff"),url("../fonts/lato-regular.ttf") format("truetype"),url("../fonts/lato-regular.svg#josefinslab") format("svg");font-weight:normal;font-style:normal;}

.av-social-link-weixin #qrcodeHolder{display:none;position:absolute;z-index:999;height:170px; padding: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.av-social-link-weixin:hover #qrcodeHolder{display:block;}
#top #wrap_all .av-social-link-sina-weibo:hover  a{color:#fff; background-color:#D81313; }
#top #wrap_all .av-social-link-renren:hover 	     a{color:#fff; background-color:#3F5FEE; }
#top #wrap_all .av-social-link-tqq:hover 	   	 a{color:#fff; background-color:#519BDB; }
#top #wrap_all .av-social-link-qq:hover 	 a{color:#fff; background-color:#3BE7F0; }
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
    .contact_footer,.footer1 {
        display: none;
    }
}


.bohao{display:none;position:fixed;top:50%;right:0;margin-top:110px;z-index:99999;padding:15px;color:#fff;background:#393939;font-size:16px;}
.bohao a{color:#fff;}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
	
  /* Add your Mobile Styles here */
    #socket{margin-bottom: 100px}
    .footer1 {
        display: block;
    }
	.bohao{display:block;}
}

.footer1 {
    width: 100%;
    margin-top: 6px;
    position: fixed;
    z-index: 110;
    bottom: 0;
    left: 0;
}
.footer12 {
    max-width: 640px;
    margin: 0 auto;
    background: #000;
    display: -webkit-box;
}
.footer1 a {
    -webkit-box-flex: 1;
    display: -webkit-box;
    color: #fff;
}
.footer1 a {
    padding-left: 40px;
    width: 74px;
    display: block;
   text-align: center;
    font: 100 16px/70px "微软雅黑";
    color: #fff;
    height: 70px;
}
.footer1 a.span1 {
    background: url(../images/a1.png) 10px 20px no-repeat;
    background-size: 30px 30px;
}
.footer1 a.span2 {
    background: url(../images/a2.png) 10px 20px no-repeat;
    background-size: 28px 29px;
    width: 108px;
}
.footer1 a.span3 {
    padding-left: 40px;
    line-height: 70px;
    font-size: 16px;
    margin: 0;
    height: auto;
    background: url(../images/a3.png) 10px 20px no-repeat;
    background-size: 26px 26px;
}


.contact_footer_box	{ width:45px; height:45px; position: fixed;  z-index:1000; bottom:0;right:0; box-shadow:0 0 3px #333; border-radius:5px; background:#fff  11px -296px no-repeat url('../images/kefu2.png');}
.contact_footer{ width:100%; height:57px; padding:10px 0; position: fixed;  z-index:1000; left:0; bottom:0; background:#fff; text-align:center;}
.contact_footer  a{ color:#333; display:inline-block; width: 30px; height:37px;background-image:url('../images/kefu2.png'); margin-right:5px; background-repeat:no-repeat; font-size:12px; line-height:64px;}.contact_footer_tell{background-position:4px 3px;}
.contact_footer_email{background-position:4px -40px;}
.contact_footer_qq{background-position:4px -172px;}
.contact_footer_weixin{background-position:4px -128px;}
.contact_footer_languges{background-position:4px -349px;}
.contact_footer_caidan{background-position:4px -84px;}
.contact_footer_closed{background-position:4px -212px;}
.contact_footer_login{background-position:4px -254px; position:relative;}
.contact_footer_login .cart_nuber{ position:absolute; font-size:10px; color:#FFF; background:#F30; top:0; right:0; border-radius:100%; width:15px; height:15px; line-height:15px;}
.display_none{bottom:-60px ;}
.erweima_weixin{ width:100%; height: auto;  text-align:center; position:fixed; left:0; bottom:-200px;  padding-top:18px; display:none; z-index:99;}
.erweima_weixin .header_background{ width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:#000;opacity:0.4;filter:Alpha(opacity=40);}
.erweima_weixin img{ position:relative; margin:20px; border:5px #FFFFFF solid; z-index:10; max-width:100%;}
.weixn_closed{ display:block; width:17px; height:23px; background:0 -636px no-repeat url('../images/Sprites.png'); position: absolute; top:10px; right:10px; z-index:10; cursor:pointer;}
.header_btn_s em { display:none;}
#wpadminbar{ position:fixed !important; top:0;}
#languge_footer{ width:100%; height:20px; padding:10px 0; position:absolute; top:-42px; background:#FFF; text-align:center; left:0; display:none;}
#languge_footer a{ display:inline; background:none; padding:0 !important; height:auto; width:auto; line-height:20px;}
.footer_infos{ width:100%; height:105px;}
.erweima_weixin{ width:100%; height: auto;  text-align:center; position:fixed; left:0; bottom:-200px;  padding-top:18px; display:none; z-index:99;}
.erweima_weixin .header_background{ width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:#000;opacity:0.4;filter:Alpha(opacity=40);}
.erweima_weixin img{ position:relative; margin:20px; border:5px #FFFFFF solid; z-index:10; max-width:100%;}
.weixn_closed{ display:block; width:17px; height:23px; background:0 -636px no-repeat url('../images/Sprites.png'); position: absolute; top:10px; right:10px; z-index:10; cursor:pointer;}
