@charset "utf-8";
/* CSS Document */
body{ font-size:16px; font-family:"微软雅黑",'Microsoft Yahei', 'Simsun'; color:#000; line-height:1.6em;  -webkit-text-size-adjust:none; min-width:320px; -webkit-tap-highlight-color:rgba(0,0,0,0);  -webkit-appearance:none; -webkit-touch-callout:none; background-color:#fff; overflow-x:hidden; box-sizing:border-box;}
*{box-sizing:border-box;}
ul, li{list-style: none;}
textarea{resize:vertical;}
table{border-collapse: collapse; border-spacing: 0; font-size: 14px; border: 0;}
input{vertical-align: middle; appearance:normal;}
input[type=button]{cursor: pointer; font-family: '微软雅黑';}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img, button {
    margin: 0;
    padding: 0;
    border: none;
}

dl, dt, dd, ul, ol, li, p {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.fix:after{display:block; height:0; clear:both; overflow:hidden; visibility:hidden; content:'';}
a:link, a:visited{text-decoration: none; color: #333;}
img{border: none; vertical-align:middle;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.clearfix{ height:0px; overflow:hidden; clear:both; line-height:0; font-size:0; width:100%;}
.hide{ display:none;}
/**/
html, body { height: 100%; }
.loadingWrap ,.loadingWrap img{ width: 94px; height: 64px;}
.loadingWrap { position: fixed; z-index: 200; line-height: 40px; top: 50%; left: 50%; margin-top: -32px; margin-left: -47px; text-align: center; color: #fff; display: none;}
.faceWrap { /*display: none;*/ position: fixed; width: 100%; height: 100%; z-index: 30; top: 0; left: 0; background-color: #9f0908;}
.faceIn { position: absolute; width: 268px; height: 292px; z-index: 31; top: 50%; left: 50%; margin-top: -146px; margin-left: -134px; background-size: contain; }
.faceMain { width: 100%; height: 100%; position: relative; }
.faceMain .headImg { width: 158px; height: 120px; margin-top: 68px; margin-left: 50px; }
.faceWrap .faceBg { position: absolute; width: 268px; height: 292px; left: 0; top: 0; z-index: 32; }
.xtmainWrap { z-index: 10; background: url(bg2.png) repeat; background-size: 47px auto; background-attachment: fixed; }
.xtNameWrap { position: relative; padding: 8px 0 30px; }
.xtNameIn { background-color: #f3d68b; padding: 1px 0; }
.xtName { border: 1px dashed #9c5c33; border-left: none; border-right: none; height: 32px; line-height: 32px; }
.headImgBar { position: absolute; z-index: 2; top: 2px; left: 10px; background: url(bg3.png) no-repeat; width: 62px; height: 74px; background-size: contain; }
.headImgBar img { width: 60px; height: 60px; border-radius: 2px;  }
.xtName { padding: 0 10px 0 82px; color: #333; }
.xtName .main span { display: block; line-height: 30px; float: left; }
.heart { padding: 5px 10px 0; }
.heart img { height: 22px; float: left; }
.music{z-index:1; width:24px; height:24px; border-radius:12px; background-color:#600000; margin-top: 3px; text-align:center; overflow:hidden; position:relative;}
.music .mute{ position:absolute; left:0; top:50%; margin-top:-2px; width:24px; height:3px; font-size:0px; line-height:0; background-color:#fff; -webkit-transform:rotate(45deg);}
.music img { width:18px; height: 20px; vertical-align:top; margin-top:2px;}
.xtDetailWrap { padding: 5px; background-color: #fff; margin: 10px 12px 5px; box-shadow: 0 5px 10px rgba(0,0,0,0.7); }
.xtDetailWrap .des img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
}
.xtDetailWrap .des hr {
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0 0 0;
}

.video { height: 150px; width: 100%; background-color: #333; }
.sayWords { font-size: 14px; margin: 20px 0 0; color: #fff; background-color: #600000; }
.sayWords .tit { font-size: 16px; height:40px; text-align: center; text-indent: -9999em; background: url(bg5.png) no-repeat center center; background-size: auto 22px;}
.sayWords .con { padding: 3px 10px 30px; background: url(bg4.png) no-repeat right bottom; background-size: auto 70px; line-height: 1.5em; }
.contact { margin-top: 20px; }
.contact .each { overflow: hidden; margin-bottom: 2px; background-color: #E4B454; border: 1px solid #e9e5da; }
.contact .icon { float: right; width: 60px; height: 48px; text-align: center; font-size: 12px; color: #fff; line-height: 1.1em; background-color:#600000;}
.contact .icon img { height: 20px; display: block; margin: 5px auto 4px; }
.contact .con { margin-right: 60px; line-height: 48px; padding-left: 10px; }
.contact .con, .contact a .con { color: #000; }
.contact a { display: block; }
#location .con { font-size: 16px; line-height: 18px; padding-top: 15px; padding-bottom: 0px; height: 43px; overflow: hidden; }
.goBtns { text-align: center; margin: 20px auto; }
.goBtns span,.sendBtn{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#600000), to(#9A080B)); border-radius: 5px; box-shadow: 0 2px 3px #444; }
.goBtns span { font-size: 14px; color: #fff; margin: 0 3px; display: inline-block;  padding: 10px 13px; line-height: 1.1em; }
.copyright { font-size: 12px;  text-align: center; color: #fff; padding-bottom:20px; }
.copyright .a{}
.copyright .c{ width:100px; height:100px; margin:10px auto 0px; position:relative;}
.copyright .c .codeImg{ width:100px; height:100px;}
.copyright .c .logoImg{ width:20px; height:20px; background-color:#fff; border-radius:2px; position:absolute; left:50%; top:50%; margin-top:-10px; margin-left:-10px; border:2px solid #333;}
.copyright span { color: #fac90b; padding: 0 3px; font-size: 14px; }
.mask { position: fixed; z-index: 40; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.3); display:none;  }
.submitInfPopWrap{}
.submitInfPop {display: none;  position: fixed; z-index: 42; bottom: 0; left: 50%; width:280px; padding:0 15px; margin-left: -140px; }
.submitInf { position: relative; padding: 10px; border-radius: 5px 5px 0 0; background-color: #fff;  }
.submitInf .close { width: 30px; height: 30px; border-radius: 50%; background: #fff url(close.png) no-repeat center center; background-size: 22px 22px; position: absolute; right: -15px; top: 0px; box-shadow: 1px 0 1px rgba(0,0,0,0.2);  z-index: 45;}
.submitInf .tit { margin: 0 auto; width: 220px; line-height: 24px; border-radius: 15px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#600000), to(#9A080B)); color: #fff; text-align: center; }
.onlineOrder { margin-top: 10px; width: 220px; padding-left: 10px; }
.onlineOrder .each { margin-bottom: 10px; overflow:hidden; width:100%; }
.onlineOrder label { line-height: 28px; font-size: 16px; float: left; width: 2em; color: #000; }
.onlineOrder .iptWrap { margin-left: 40px; }
.onlineOrder .iptWrap input, .onlineOrder textarea { height: 28px; width: 100%; border-radius: 5px; border: 1px solid #bcbcbc; box-sizing: border-box; padding-left: 2px; outline: none; }
.onlineOrder textarea { height: 100px; padding: 10px 2px; }
.sendBtn { font-size: 16px; color: #fff; margin: 0 auto; display: inline-block;  width: 90px; text-align: center; height: 32px; line-height: 32px; border: none; margin-left: 90px; margin-bottom: 10px; font-weight: bold; }
#share img{ width:290px; float:right;}
#share .shareWrap{ position:fixed; right:0; top:0; z-index:200; display:none; }