﻿/* CSS Document */
/* author:cyy */
/*css reset*/
* { margin: 0; padding: 0; }
html, body { width: 100%; }
body { overflow: -Scroll; overflow-x: hidden; background-color: #f5f5f5; }
body { font-family: "微软雅黑"; }
/*移动端*/

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

    audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
    a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em; }

button,
input,
optgroup,
select,
textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
button { overflow: visible; }
button,
select { text-transform: none; }
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
    button[disabled], html input[disabled] { cursor: default; }
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
    input[type="checkbox"],
    input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button { height: auto; }
    input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
textarea { overflow: auto; }
optgroup { font-weight: bold; }

td, th { padding: 0; }

.daytwo::-webkit-input-placeholder { color: #333; }
.daytwo:-moz-placeholder { color: #333; }
.daytwo::-moz-placeholder { color: #333; }
.daytwo:-ms-input-placeholder { color: #333; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0 }
ul { list-style: none; }

input, textarea, select, option, button { font-family: "microsoft yahei"; }
.clear { clear: both; }
a { text-decoration: none; outline: none; }
    a:hover { outline: none; }
input[type="button"], input[type="submit"], input[type="text"] { -webkit-appearance: none; border-radius: 0; }
input, label { -webkit-tap-highlight-color: rgba(255,0,0,0); }
a, button, textarea, select { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255,0,0,0); }
/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

textarea { resize: none; }
/*禁止改变大小*/
/*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
input, textarea, select, option, button, form, fieldset { margin: 0; padding: 0; border-width: 1px; outline: none; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; }

.opa2 { opacity: .2; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 20); filter: alpha(opacity = 20); -moz-opacity: .2; -khtml-opacity: .2; }
.opa3 { opacity: .3; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 30); filter: alpha(opacity = 30); -moz-opacity: .3; -khtml-opacity: .3; }
.opa4 { opacity: .4; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 40); filter: alpha(opacity = 40); -moz-opacity: .4; -khtml-opacity: .4; }
.opa5 { opacity: .5; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 50); filter: alpha(opacity = 50); -moz-opacity: .5; -khtml-opacity: .5; }
.opa6 { opacity: .6; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 60); filter: alpha(opacity = 60); -moz-opacity: .6; -khtml-opacity: .6; }
.opa7 { opacity: .7; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 70); filter: alpha(opacity = 70); -moz-opacity: .7; -khtml-opacity: .7; }
.opa8 { opacity: .8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80); filter: alpha(opacity = 80); -moz-opacity: .8; -khtml-opacity: .8; }


.over { overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

.over2 { overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.over3 { overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.over4 { overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0 }
.clearfloat { zoom: 1 }
.clear { clear: both; zoom: 1; }
.dis_inBlock { display: inline-block; *display: inline; *zoom: 1; }
.dis_block { display: block; }


@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1469687487'); /* IE9*/ src: url('iconfont.eot?t=1469687487#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff?t=1469687487') format('woff'), /* chrome, firefox */ url('iconfont.ttf?t=1469687487') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1469687487#iconfont') format('svg'); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.icon-shouye:before { content: "\e62b"; }
.icon-dianying:before { content: "\e61d"; }
.icon-fanhui:before { content: "\e631"; }
.icon-loucengfushi:before { content: "\e61e"; }
.icon-jiantou:before { content: "\e605"; }
.icon-duihao:before { content: "\e606"; }
.icon-jianhao:before { content: "\e62e"; }
.icon-erweima:before { content: "\e607"; }
.icon-sousuo:before { content: "\e623"; }
.icon-bianji:before { content: "\e637"; }
.icon-gouwuche:before { content: "\e629"; }
.icon-jiahao:before { content: "\e62f"; }
.icon-jiantou1:before { content: "\e635"; }
.icon-xihuan:before { content: "\e616"; }
.icon-yonghuming:before { content: "\e600"; }
.icon-remenhuodong:before { content: "\e617"; }
.icon-bbqdangao:before { content: "\e61f"; }
.icon-meishi:before { content: "\e620"; }
.icon-xiala:before { content: "\e630"; }
.icon-shouji:before { content: "\e621"; }
.icon-huiyuan:before { content: "\e608"; }
.icon-jifen:before { content: "\e609"; }
.icon-dizhi:before { content: "\e622"; }
.icon-jiahao1:before { content: "\e636"; }
.icon-weixinzhifu:before { content: "\e638"; color: #00c800; }
.icon-fenxiang:before { content: "\e62a"; }
.icon-dizhi1:before { content: "\e618"; }
.icon-erweima1:before { content: "\e60a"; }
.icon-iconfontcaidan:before { content: "\e628"; }
.icon-p-shouji:before { content: "\e602"; }
.icon-lajixiang:before { content: "\e632"; }
.icon-dizhi2:before { content: "\e62c"; }
.icon-shenfenzheng:before { content: "\e603"; }
.icon-prev:before { content: "\e60b"; }
.icon-iconfontxingming:before { content: "\e60c"; }
.icon-zhifubao:before { content: "\e639"; color: #00a0e9; }
.icon-yanzhengma:before { content: "\e60d"; }
.icon-mima:before { content: "\e601"; }
.icon-tuijianrenyaoqing:before { content: "\e604"; }
.icon-shangcheng:before { content: "\e619"; }
.icon-xiala1:before { content: "\e634"; }
.icon-xihuan1:before { content: "\e61a"; }
.icon-xihuan2:before { content: "\e61b"; }
.icon-chahao:before { content: "\e633"; }
.icon-yinxingqia:before { content: "\e63a"; color: #f7c805; }
.icon-jifen1:before { content: "\e60e"; }
.icon-icon04:before { content: "\e62d"; }
.icon-jifen2:before { content: "\e60f"; }
.icon-kefu:before { content: "\e610"; }
.icon-yanzheng:before { content: "\e611"; }
.icon-duihao1:before { content: "\e61c"; }
.icon-yue:before { content: "\e612"; }
.icon-jiudian:before { content: "\e624"; }
.icon-ktv:before { content: "\e625"; }
.icon-xiuxianyule:before { content: "\e626"; }
.icon-kefu1:before { content: "\e613"; }
.icon-jifen3:before { content: "\e614"; }
.icon-kefu2:before { content: "\e615"; }
.icon-jianshen:before { content: "\e627"; }


.box-s { box-sizing: border-box; -webkit-box-sizing: border-box; }

html { font-size: 10px }

@media screen and (min-width:321px) and (max-width:375px) {
    html { font-size: 11px }
}

@media screen and (min-width:376px) and (max-width:414px) {
    html { font-size: 12px }
}

@media screen and (min-width:415px) and (max-width:639px) {
    html { font-size: 15px }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html { font-size: 20px }
}

@media screen and (min-width:720px) and (max-width:749px) {
    html { font-size: 22.5px }
}

@media screen and (min-width:750px) and (max-width:799px) {
    html { font-size: 23.5px }
}

@media screen and (min-width:800px) {
    html { font-size: 25px }
}

/*header*/
.logo { width: 30%; }
    .logo img { max-width: 192px; width: 100%; max-height: 46px; }

.warp { padding-top: 1.5rem; padding-bottom: 1.9rem; }
.warptwo { padding-bottom: 3.7rem; }
.warpthree { padding-bottom: 0; }

/*页面固定定位样式*/
.fixed-header { position: fixed; top: 0; left: 0; z-index: 99; }
.fixed-footer { position: fixed; bottom: 0; left: 0; z-index: 99; }
.fixed-cont { margin-top: 15%; margin-bottom: 20%; }
/*顶部和底部都固定*/
.fixed-conta { margin-top: 15%; }
/*顶部固定，底部不固定*/
.fixed-contb { margin-bottom: 20%; }
/*顶部不固定，底部固定*/


/*底部*/
.page-footer { width: 100%; height: 1.9rem; background-color: #fff; border-top: 1px solid #dfdfdf; position: fixed; bottom: 0; left: 0; }
    .page-footer ul { width: 100%; background-color: #fafafa; }
        .page-footer ul li { float: left; width: 20%; text-align: center; padding: 2% 0 2%; }
            .page-footer ul li a { width: 100%; display: block; }
        .page-footer ul .active a p { color: #f58611; margin-bottom: 0; }
        .page-footer ul .active { width: 20%; }
        .page-footer ul li img { width: 20%; }
        .page-footer ul li p { font-size: .4rem; color: #333; margin-top: 3%; }
        .page-footer ul li i { font-size: .7rem; color: #60636c; }
        .page-footer ul .active i { color: #f58611; }

div.slide-mask { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display: none; }

aside.slide-wrapper { position: fixed; z-index: 1000; left: 0; top: 0; bottom: 0; width: 70%; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    aside.slide-wrapper > div { background-color: #343434; min-height: 100%; }

    aside.slide-wrapper.moved { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    aside.slide-wrapper li > a { padding: 5%; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #262626; font-size: .5rem; display: block; color: #fff; }
    aside.slide-wrapper li.current > a { background-color: #262626; }

/*关注按钮*/
.followerbtn { display: inline-block; padding: 3px 5px 3px 25px; font-size: 13px; color: #fff; border-radius: 2px; background: url(/Resources/Images/icons/follower.png) no-repeat 5px center #0aad0e; background-size: 14px; }
.followerbtnF { display: inline-block; padding: 3px 5px 3px 25px; font-size: 13px; color: #fff; border-radius: 2px; background: url(/Resources/Images/icons/follower.png) no-repeat 5px center #00a0e9; background-size: 14px; }
