/*公共的 Begin*/
* { margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); list-style: none; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr { margin: 0; padding: 0; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.0); outline: none; star: expression_r(this.onFocus=this.blur()); }
a:hover { color: #000; }
/*经过的状态*/
a:link { text-decoration: none; color: #000; }
/*点击以后的状态*/
a:visited { text-decoration: none; color: #000; }
/* 已访问的链接 */
a:active { color: #000; }
/* 被选择的链接 */
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
html { height: 100%; -webkit-text-size-adjust: none; font-size: 62.5%; }


.content-triangle { width: 0; height: 0; border-top: 3rem solid #0B9FE7; border-right: 6rem solid transparent; position: absolute; left: 0; top: 0; }
.content-triangle em { width: 0; height: 0; border-top: 1.2rem solid #fff; border-right: 2.2rem solid transparent; position: absolute; left: 0; top: -3rem; }
.content-triangle span { display: block; font-size: 1.2rem; color: pink; position: absolute; width: 4rem; text-align: center; transform: rotate(-32deg); top: -2.7rem; color: #fff; }

@media only screen and (min-width: 300px) {
    html { font-size: 54% !important; }
    .footer > a i { margin-top: 1rem !important; }
}

@media only screen and (min-width: 350px) {
    html { font-size: 60.5% !important; }
    .footer > a i { margin-top: .7rem !important; }
}

@media only screen and (min-width: 481px) {
    html { font-size: 94% !important; }
}

@media only screen and (min-width: 561px) {
    html { font-size: 109% !important; }
}

@media only screen and (min-width: 641px) {
    html { font-size: 125% !important; }
}

body { margin: 0; padding: 0; width: 100%; padding-bottom: 6rem; font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; -webkit-touch-callout: none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: stretch; font-family: "微软雅黑"; background: #fff; }
input { font-family: "微软雅黑"; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; border: none; }
ul, li { list-style: outside none none; }
.t_l { text-align: left; }
.t_c { text-align: center; }
.t_r { text-align: right; }
.Break { word-break: break-all; word-wrap: break-word; }
.Nobreak { word-break: keep-all; word-wrap: normal; }
.FL { float: left; }
.FR { float: right; }
.p1 { padding: 0 1px; }
.p2 { padding: 0 2px; }
.p3 { padding: 0 3px; }
.p4 { padding: 0 4px; }
.p5 { padding: 0 5px; }
.p6 { padding: 0 6px; }
.p7 { padding: 0 7px; }
.p8 { padding: 0 8px; }
.p9 { padding: 0 9px; }
/*  ------------------轮播start-------------------- */
.focus { max-width: 640px; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 6px; position: absolute; z-index: 1; bottom: 10px; text-align: center; }
.focus .hd ul { display: inline-block; height: 5px; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 0; vertical-align: top; }
.focus .hd ul li { display: inline-block; width: 8px; height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; margin: 0 5px; vertical-align: top; overflow: hidden; text-indent: 20px; box-sizing: border-box; }
.focus .hd ul .on { background: #EF8D1F; border: none; }
.focus .bd { position: relative; z-index: 0; width: 100%; }
.tempWrap { height: 100%; width: 100%; }
.focus .bd ul { }
.focus .bd ul li { }
.focus .bd li img { width: 100%; /* background: url(../images/loading.gif) center center no-repeat;*/ }
.focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
/*  ------------------轮播end-------------------- */
.loading { text-align: center; font-size: 1.2rem; color: #9E9E9F; clear: both; padding-top: .8rem; }
.loading i { padding-left: 10px; }
.footer { position: fixed; bottom: 0; border-top: .1rem solid #E25B5F; height: 5rem; width: 100%; background: #fff; box-sizing: border-box; text-align: center; z-index: 9; }
.footer > a { text-align: center; font-size: 1.4rem; width: 50%; float: left; color: #231815; }
.footer > a i { display: block; font-size: 2rem; margin-top: .7rem; color: #C1C0C0; }
.footer > a.cur i { color: #EC7374; }
.footer-camera { width: 5.2rem; height: 5.2rem; position: absolute; left: 50%; margin-left: -2.6rem; top: -1.5rem; }
.footer-camera img { width: 100%; height: 100%; display: block; margin-top: -0.1rem; }
.footer-camera a { display: block; width: 4.8rem; height: 4.8rem; top: 0px; left: .2rem; position: absolute; border-radius: 100rem; border-top: .2rem solid #E9575E; }
.footBar { overflow: hidden; box-shadow: 0px 0px 15px rgba(0,0,0,0.4); padding-top: 5px; padding-bottom: 5px; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 999; width: 100%; background: #fff; }
.footBar span { width: 18%; display: inline-block; text-align: center; overflow: hidden; color: #888; font-size: 1.2rem; }
.footBar span i { font-size: 2rem; }
.footBar .cur { color: #EB7374; }
.menu { background: rgba(0,0,0,0.4); position: fixed; right: 0px; bottom: 6.6rem; width: 3.6rem; z-index: 1000; border-bottom-left-radius: .4rem; border-top-left-radius: .4rem; }
.menu-box { width: 10.6rem; text-align: center; background: rgba(0,0,0,0.4); top: -25rem; position: absolute; right: -.5rem; display: none; border-top-left-radius: .4rem; border-bottom-left-radius: .4rem; }
.menu-box-jiao { position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid rgba(0,0,0,0.4); border-bottom: 6px solid transparent; transform: rotate(90deg); right: 16px; bottom: -10px; }
.menu-box ul { text-align: left; padding-left: .8rem; padding-right: 1.2rem; padding-top: .3rem; padding-bottom: .3rem; }
.menu-box ul li { color: #fff; line-height: 3.8rem; border-bottom: 1px solid #ccc; }
.menu-box ul li:last-child { border-bottom: none; }
.menu-box ul li a { color: #fff; font-size: 1.3rem; }
.menu-box ul li a i { padding-right: .7rem; font-size: 1.5rem; }

.black4 { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 10000; display: none; }
.black4-dialog { margin: 0 auto; width: 86%; position: fixed; z-index: 100001; left: 7%; top: 16%; display: none; }
.black4-dialog-box { margin: 0 auto; width: 90%; padding: 20px; background: #fff; border-radius: 10px; margin-top: -43px; box-sizing: border-box; padding-bottom: 1px; }
.black4-dialog-box-title { display: block; margin: 0 auto; width: 80%; margin-top: 30px; margin-bottom: 12px; }
.black4-dialog li { position: relative; padding-left: 70px; margin-bottom: 30px; }
.black4-dialog li img { position: absolute; left: 0px; top: 0px; width: 60px; height: 60px; border-radius: 100px; border: 1px solid #ddd; }
.black4-dialog li p { color: #666666; font-size: 14px; line-height: 22px; padding-top: 10px; }
.black4-dialog li b { color: #e70909; line-height: 22px; font-size: 14px; }
.black4-dialog .fa-times { color: #fff; font-size: 22px; position: absolute; top: 0%; color: #f06262; right: 0; }



/*关注*/


.follow { width: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 2; top: 0; height: 50px; line-height: 50px; color: #fff; font-size: 12px; overflow: hidden; display: none; }

.follow .fa-times { padding-left: 10px; font-size: 16px; padding-right: 10px;  position:absolute; top:16px;}

.follow-btn {  background: #FFF000; line-height: 28px; font-size: 12px; color: #C30D23 !important; width: 66px; text-align: center; border-radius: 6px; margin-top: 10px; position:absolute;right:5px; top:0px; }

.follow img { height: 35px; width: 35px; border-radius: 100px; position:absolute; position: absolute;  left: 31px;  top: 7px;  }
   .follow span{font-size:12px;}
  

.black { width: 100%; height: 100%; left: 0px; top: 0; position: absolute; z-index: 40000; background: rgba(0,0,0,00.5); display: none; }

.dialog { width: 86%; padding-bottom: 30px; position: absolute; top: 20%; left: 7%; background: #CE4243; border-radius: 6px; text-align: center; }

.dialog img { width: 75%; display: block; margin: 0 auto; margin-top: 28px; }

.dialog-btn { width: 70%; margin: 0 auto; color: #3D3A39; font-size: 13px; text-align: center; height: 36px; border-radius: 16px; background: #fff; line-height: 36px; display: block; margin-top: 30px; }

.dialog-line { width: 2px; height: 40px; position: absolute; right: 14px; top: -40px; background: #eee; }

.dialog-line span { height: 20px; width: 20px; background: #CE4243; border-radius: 100px; color: #fff; display: block; left: -10px; position: absolute; top: -10px; font-size: 12px; }

.dialog-line span i { line-height: 20px; }


/*关注*/