@charset "utf-8";
/**
*xzSite.css
**/
html{
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body{
margin:0;
padding:0;
font:14px/1.5 arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow:auto;
word-wrap:break-word;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block;
}
div,ol,ul,li,span,a,p,td,img,input,button,textarea{
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
article{
word-wrap:break-word;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noRoll{
height:100% !important;
overflow:hidden;
}
.noScroll{
position: fixed;
width: 100%;
}
.noScroll .dialogSelectList .selectContent,
.noScroll .webkitScroll{
-webkit-overflow-scrolling: auto;
}
a:active,
a:focus,
a:hover,
input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover{
outline: 0;
-moz-outline:none;
}
img {
border: 0 none;
height: auto;
max-width: 100%;
vertical-align: middle;
-webkit-transform: scale(1) rotate(0) translate3d(0,0,0);
transform: scale(1) rotate(0) translate3d(0,0,0);
}
.fl{
float:left;
}
.fr{
float:right;
}
.clearfix:before,
.clearfix:after,
.setRow:before,
.setRow:after{
display: table;
content: "";
line-height: 0;
}
.clearfix:after,
.setRow:after {
clear: both;
}
div[path] .row,#header,#footer{
margin-left:auto;
margin-right:auto;
}
/* 文字段落 */
dl,dt,dd,ol,ul,li,header,foot,nav,article,section,mark,time{
padding:0;
margin:0;
vertical-align: middle;
}
p{
margin:0;
}
ul,ol{
margin: 0;
padding: 0;
list-style-position:inside;
}
ul.unstyled, ol.unstyled {
list-style: none outside none;
}
.bold{
font-weight:bold;
}
/* 标题描述 */
h1,h2,h3,h4,h5,h6 {
margin:0;
font-family: inherit;
font-weight: normal;
color: inherit;
text-rendering: optimizelegibility;
}
h1{
font-size:60px;
}
h2{
font-size:36px;
}
h3{
font-size:26px;
}
h4{
font-size:16px;
}
h5{
font-size:14px;
}
h6{
font-size:12px;
}
dl{
margin-bottom:10px;
}
dl:last-child{
margin-bottom:0;
}
dt{
font-weight:bold;
}
dt, dd{
line-height:20px;
}
dd {
margin-left: 10px;
}
/*盒子*/
.pl5{
padding-left:5px;
}
.pl10{
padding-left:10px;
}
.pl15{
padding-left:15px;
}
.pl20{
padding-left:20px;
}
.pl25{
padding-left:25px;
}
.pl30{
padding-left:30px;
}
.pt5{
padding-top:5px;
}
.pt10{
padding-top:10px;
}
.pt15{
padding-top:15px;
}
.pt20{
padding-top:20px;
}
.pt25{
padding-top:25px;
}
.pt30{
padding-top:30px;
}
.p5{
padding:5px;
}
.p10{
padding:10px;
}
.p15{
padding:15px;
}
.p20{
padding:20px;
}
.mt5{
margin-top:5px;
}
.mt10{
margin-top:10px;
}
.mt15{
margin-top:15px;
}
.mt20{
margin-top:20px;
}
.mt25{
margin-top:25px;
}
.mt30{
margin-top:30px;
}
.ml5{
margin-left:5px;
}
.ml10{
margin-left:10px;
}
.ml15{
margin-left:15px;
}
.ml20{
margin-left:20px;
}
.ml25{
margin-left:25px;
}
.ml30{
margin-left:30px;
}
.m5{
margin:5px;
}
.m10{
margin:10px;
}
.m15{
margin:15px;
}
.m20{
margin:20px;
}
/* 表单 */
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
.textInput,
.inputText,
textarea,
textarea:active,
textarea:focus,
textarea:hover{
-webkit-appearance: none;
}
textarea {
overflow-y: auto;
vertical-align: top;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px;
resize:none;
}
label{
cursor:pointer;
display: inline-block;
margin-bottom: 0;
}
.boxBlock{
min-height:1px;
margin-left:20px;
}
.boxscroll .boxBlock{
min-height:20px;
}
.rowPatch{
margin-left:-20px;
}
.clearPatch .boxBlock,
.clearPatch .rowPatch{
margin-left:0;
}
.transition{
-webkit-transition: 0.2s ease-in 0s;
-moz-transition: 0.2s ease-in 0s;
-ms-transition: 0.2s ease-in 0s;
-o-transition: 0.2s ease-in 0s;
transition: 0.2s ease-in 0s;
}
/* layout */
.row {
width: 100%;
box-sizing: border-box;
}
.row:before,
.row:after,
.rowPatch:before,
.rowPatch:after {
display: table;
content: "";
line-height: 0;
}
.row:after,
.rowPatch:after {
clear: both;
}
.row >div >div {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.row .span24 {
width: 20%;
}
.row .span12:first-child {
width: 100%;
margin-left:auto;
margin-right:auto;
float:none ;
}
.row .span11 {
width: 91.666666666666666%;
}
.row .span10 {
width: 83.333333333333333%;
}
.row .span9 {
width: 75%;
}
.row .span8 {
width: 66.666666666666666%;
}
.row .span7 {
width: 58.333333333333333%;
}
.row .span6 {
width: 50%;
}
.row .span5 {
width: 41.666666666666666%;
}
.row .span4 {
width: 33.333333333333333%;
}
.row .span3 {
width: 25%;
}
.row .span2 {
width: 16.666666666666666%;
}
.row .span1 {
width: 8.333333333333333%;
}
@media (min-width: 1200px) {
.row[column_min1200="2"] >div >div:nth-child(2n+1),
.row[column_min1200="3"] >div >div:nth-child(3n+1),
.row[column_min1200="4"] >div >div:nth-child(4n+1),
.row[column_min1200="5"] >div >div:nth-child(5n+1),
.row[column_min1200="6"] >div >div:nth-child(6n+1){
clear:both;
}
}
@media (min-width: 961px) and (max-width: 1199px) {
.row[column_961_1199="2"] >div >div:nth-child(2n+1),
.row[column_961_1199="3"] >div >div:nth-child(3n+1),
.row[column_961_1199="4"] >div >div:nth-child(4n+1),
.row[column_961_1199="5"] >div >div:nth-child(5n+1),
.row[column_961_1199="6"] >div >div:nth-child(6n+1){
clear:both;
}
}
@media (min-width: 768px) and (max-width: 960px) {
.row[column_768_960="2"] >div >div:nth-child(2n+1),
.row[column_768_960="3"] >div >div:nth-child(3n+1),
.row[column_768_960="4"] >div >div:nth-child(4n+1),
.row[column_768_960="5"] >div >div:nth-child(5n+1),
.row[column_768_960="6"] >div >div:nth-child(6n+1){
clear:both;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.row[column_480_767="2"] >div >div:nth-child(2n+1),
.row[column_480_767="3"] >div >div:nth-child(3n+1),
.row[column_480_767="4"] >div >div:nth-child(4n+1),
.row[column_480_767="5"] >div >div:nth-child(5n+1),
.row[column_480_767="6"] >div >div:nth-child(6n+1){
clear:both;
}
}
@media (max-width: 479px) {
.row[column_max479="2"] >div >div:nth-child(2n+1),
.row[column_max479="3"] >div >div:nth-child(3n+1),
.row[column_max479="4"] >div >div:nth-child(4n+1),
.row[column_max479="5"] >div >div:nth-child(5n+1),
.row[column_max479="6"] >div >div:nth-child(6n+1){
clear:both;
}
}
/* pc */
@media (min-width: 1200px) {
.row[column_min1200="1"] >div >div{
width: 100%;
margin-left:auto;
margin-right:auto;
float:none ;
}
.row[column_min1200="2"] >div >div{
width:50% !important;
float:left;
}
.row[column_min1200="3"] >div >div{
width:33.333333333333333% !important;
float:left;
}
.row[column_min1200="4"] >div >div{
width:25% !important;
float:left;
}
.row[column_min1200="5"] >div >div{
width:20% !important;
float:left;
}
.row[column_min1200="6"] >div >div{
width:16.666666666666666% !important;
float:left;
}
}
/* pad横版 */
@media (min-width: 961px) and (max-width: 1199px) {
.row[column_961_1199="1"] >div >div{
width: 100%;
margin-left:auto;
margin-right:auto;
float:none ;
}
.row[column_961_1199="2"] >div >div{
width:50% !important;
float:left;
}
.row[column_961_1199="3"] >div >div{
width:33.333333333333333% !important;
float:left;
}
.row[column_961_1199="4"] >div >div{
width:25% !important;
float:left;
}
.row[column_961_1199="5"] >div >div{
width:20% !important;
float:left;
}
.row[column_961_1199="6"] >div >div{
width:16.666666666666666% !important;
float:left;
}
}
/* pad竖版 */
@media (min-width: 768px) and (max-width: 960px) {
.row[column_768_960="1"] >div >div{
width: 100%;
margin-left:auto;
margin-right:auto;
float:none ;
}
.row[column_768_960="2"] >div >div{
width:50% !important;
float:left;
}
.row[column_768_960="3"] >div >div{
width:33.333333333333333% !important;
float:left;
}
.row[column_768_960="4"] >div >div{
width:25% !important;
float:left;
}
.row[column_768_960="5"] >div >div{
width:20% !important;
float:left;
}
.row[column_768_960="6"] >div >div{
width:16.666666666666666% !important;
float:left;
}
}
/* 手机横版 */
@media (min-width: 480px) and (max-width: 767px){
.row:not([column_480_767="no"]) >div >div{
display: block;
width: 100%;
float: none;
}
.row[column_480_767="1"] >div >div{
width: 100%;
margin-left:auto;
margin-right:auto;
float:none ;
}
.row[column_480_767="2"] >div >div{
width:50% !important;
float:left !important;
}
.row[column_480_767="3"] >div >div{
width:33.333333333333333% !important;
float:left !important;
}
.row[column_480_767="4"] >div >div{
width:25% !important;
float:left !important;
}
.row[column_480_767="5"] >div >div{
width:20% !important;
float:left !important;
}
.row[column_480_767="6"] >div >div{
width:16.666666666666666% !important;
float:left !important;
}
}
/* 手机竖版 */
@media (max-width: 479px) {
.row:not([column_max479="no"]) >div >div{
display: block;
width: 100%;
float: none;
}
.row[column_max479="1"] >div >div{
width: 100%;
margin-left:auto;
margin-right:auto;
float:none;
}
.row[column_max479="2"] >div >div{
width:50% !important;
float:left !important;
}
.row[column_max479="3"] >div >div{
width:33.333333333333333% !important;
float:left !important;
}
.row[column_max479="4"] >div >div{
width:25% !important;
float:left !important;
}
.row[column_max479="5"] >div >div{
width:20% !important;
float:left !important;
}
.row[column_max479="6"] >div >div{
width:16.666666666666666% !important;
float:left !important;
}
}
/* 常调用显示隐藏 */
.none{
display:none;
}
.block{
display:block;
}
.s1200{
display:none !important;
}
.s1199{
display:none !important;
}
.s960{
display:none !important;
}
.s767{
display:none !important;
}
.s479{
display:none !important;
}
@media (min-width: 1200px) {
.h1200{
display:none !important;
}
.s1200{
display:block !important;
}
}
@media (min-width: 961px) and (max-width: 1199px) {
.h1199{
display:none !important;
}
.s1200{
display:none !important;
}
.s1199{
display:block !important;
}
.s960{
display:none !important;
}
.s767{
display:none !important;
}
.s479{
display:none !important;
}
}
@media (min-width: 768px) and (max-width: 960px) {
.h960{
display:none !important;
}
.s1200{
display:none !important;
}
.s1199{
display:none !important;
}
.s960{
display:block !important;
}
.s767{
display:none !important;
}
.s479{
display:none !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.h767{
display:none !important;
}
.s1200{
display:none !important;
}
.s1199{
display:none !important;
}
.s960{
display:none !important;
}
.s767{
display:block !important;
}
.s479{
display:none !important;
}
}
@media (max-width: 479px) {
.h479{
display:none !important;
}
.s1200{
display:none !important;
}
.s1199{
display:none !important;
}
.s960{
display:none !important;
}
.s767{
display:none !important;
}
.s479{
display:block !important;
}
}
/* 老版显示隐藏 */
.visible-phone{}
.visible-tablet{}
.visible-desktop{}
.hidden-phone{}
.hidden-tablet{}
.hidden-desktop{}
.hidden{
display:none;
}
.inline{
display:inline-block;
}
.block{
display:block;
}
.text-visible-phone {
display: none !important;
}
.text-visible-tablet {
display: none !important;
}
.text-hidden-desktop {
display: none !important;
}
.text-visible-desktop {
display: inline-block !important;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.text-hidden-desktop {
display: inline-block !important;
}
.text-visible-desktop {
display: none !important ;
}
.text-visible-tablet {
display: inline-block !important;
}
.text-hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.text-hidden-desktop {
display: inline-block !important;
}
.text-visible-desktop {
display: none !important;
}
.text-visible-phone {
display: inline-block !important;
}
.text-hidden-phone {
display: none !important;
}
}
/* appRow layout*/
.appRow:before,
.appRow:after {
display: table;
content: "";
line-height: 0;
}
.appRow:after {
clear: both;
}
.appRow .appPatch{
margin:-20px 0 0 -20px;
padding:0;
list-style:none;
}
.latticePad{
margin:20px 0 0 20px;
}
.appRow .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_min1200_1 .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_min1200_2 .appPatch .appColumn{
width:50%;
float:left;
}
.list_min1200_3 .appPatch .appColumn{
width:33.333333333333333%;
float:left;
}
.list_min1200_4 .appPatch .appColumn{
width:25%;
float:left;
}
.list_min1200_5 .appPatch .appColumn{
width:20%;
float:left;
}
.list_min1200_6 .appPatch .appColumn{
width:16.666666666666666%;
float:left;
}
@media (min-width: 1200px) {
.list_min1200_1 .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_min1200_2 .appPatch .appColumn{
width:50% !important;
float:left !important;
}
.list_min1200_3 .appPatch .appColumn{
width:33.333333333333333% !important;
float:left !important;
}
.list_min1200_4 .appPatch .appColumn{
width:25% !important;
float:left !important;
}
.list_min1200_5 .appPatch .appColumn{
width:20% !important;
float:left !important;
}
.list_min1200_6 .appPatch .appColumn{
width:16.666666666666666% !important;
float:left !important;
}
}
@media (min-width: 961px) and (max-width: 1199px) {
.list_961_1199_1 .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_961_1199_2 .appPatch .appColumn{
width:50% !important;
float:left !important;
}
.list_961_1199_3 .appPatch .appColumn{
width:33.333333333333333% !important;
float:left !important;
}
.list_961_1199_4 .appPatch .appColumn{
width:25% !important;
float:left !important;
}
.list_961_1199_5 .appPatch .appColumn{
width:20% !important;
float:left !important;
}
.list_961_1199_6 .appPatch .appColumn{
width:16.666666666666666% !important;
float:left !important;
}
}
@media (min-width: 768px) and (max-width: 960px) {
.list_768_960_1 .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_768_960_2 .appPatch .appColumn{
width:50% !important;
float:left !important;
}
.list_768_960_3 .appPatch .appColumn{
width:33.333333333333333% !important;
float:left !important;
}
.list_768_960_4 .appPatch .appColumn{
width:25% !important;
float:left !important;
}
.list_768_960_5 .appPatch .appColumn{
width:20% !important;
float:left !important;
}
.list_768_960_6 .appPatch .appColumn{
width:16.666666666666666% !important;
float:left !important;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list_480_767_1 .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_480_767_2 .appPatch .appColumn{
width:50% !important;
float:left !important;
}
.list_480_767_3 .appPatch .appColumn{
width:33.333333333333333% !important;
float:left !important;
}
.list_480_767_4 .appPatch .appColumn{
width:25% !important;
float:left !important;
}
.list_480_767_5 .appPatch .appColumn{
width:20% !important;
float:left !important;
}
.list_480_767_6 .appPatch .appColumn{
width:16.666666666666666% !important;
float:left !important;
}
}
@media (max-width: 479px) {
.list_max479_1 .appPatch .appColumn{
display: block;
width: 100%;
float: none;
}
.list_max479_2 .appPatch .appColumn{
width:50% !important;
float:left !important;
}
.list_max479_3 .appPatch .appColumn{
width:33.333333333333333% !important;
float:left !important;
}
.list_max479_4 .appPatch .appColumn{
width:25% !important;
float:left !important;
}
.list_max479_5 .appPatch .appColumn{
width:20% !important;
float:left !important;
}
.list_max479_6 .appPatch .appColumn{
width:16.666666666666666% !important;
float:left !important;
}
}
@media (min-width: 1200px) {
.list_min1200_2 .appPatch .appColumn:nth-child(2n+1),
.list_min1200_3 .appPatch .appColumn:nth-child(3n+1),
.list_min1200_4 .appPatch .appColumn:nth-child(4n+1),
.list_min1200_5 .appPatch .appColumn:nth-child(5n+1),
.list_min1200_6 .appPatch .appColumn:nth-child(6n+1){
clear:both;
}
}
@media (min-width: 961px) and (max-width: 1199px) {
.list_961_1199_2 .appPatch .appColumn:nth-child(2n+1),
.list_961_1199_3 .appPatch .appColumn:nth-child(3n+1),
.list_961_1199_4 .appPatch .appColumn:nth-child(4n+1),
.list_961_1199_5 .appPatch .appColumn:nth-child(5n+1),
.list_961_1199_6 .appPatch .appColumn:nth-child(6n+1){
clear:both;
}
}
@media (min-width: 768px) and (max-width: 960px) {
.list_768_960_2 .appPatch .appColumn:nth-child(2n+1),
.list_768_960_3 .appPatch .appColumn:nth-child(3n+1),
.list_768_960_4 .appPatch .appColumn:nth-child(4n+1),
.list_768_960_5 .appPatch .appColumn:nth-child(5n+1),
.list_768_960_6 .appPatch .appColumn:nth-child(6n+1){
clear:both;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list_480_767_2 .appPatch .appColumn:nth-child(2n+1),
.list_480_767_3 .appPatch .appColumn:nth-child(3n+1),
.list_480_767_4 .appPatch .appColumn:nth-child(4n+1),
.list_480_767_5 .appPatch .appColumn:nth-child(5n+1),
.list_480_767_6 .appPatch .appColumn:nth-child(6n+1){
clear:both;
}
}
@media (max-width: 479px) {
.list_max479_2 .appPatch .appColumn:nth-child(2n+1),
.list_max479_3 .appPatch .appColumn:nth-child(3n+1),
.list_max479_4 .appPatch .appColumn:nth-child(4n+1),
.list_max479_5 .appPatch .appColumn:nth-child(5n+1),
.list_max479_6 .appPatch .appColumn:nth-child(6n+1){
clear:both;
}
}
.wrapper,
.container,
.header,
.headerWrapper,
.headerContainer,
.main,
.mainWrapper,
.mainContainer,
.footer,
.footerWrapper,
.footerContainer,
.appWrapper,
.elementContainer{
margin-left:auto;
margin-right:auto;
}
/* 滚动条 */
.boxscroll {
overflow: hidden;
}
.boxscrollColumn{
margin-right:3px;
background:#ccc;
z-index:999;
width:5px;
}
.boxscrollColumn:hover{
background:#999;
}
/* 滚动条 End */
.showNavMore ul.moreNav,
.showNavMore .navHideContent{
display:block !important;
}
/*dialog(弹窗)*/
.mask{
display:none;
opacity:0;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
z-index:99;
}
#frameMask{
z-index:1;
}
.fullOver{
height:100%;
overflow:hidden;
}
.qrcodeBox{
text-align:center;
height:180px;
}
.qrcodeBox .title{
margin-bottom:20px;
font-size:18px;
}
.qrcodeBox img{
width:100%;
width:150px;
height:150px;
}
.webkitScroll{
-webkit-overflow-scrolling:touch;
overflow:auto;
}
/* 个性化设置显示隐藏 */
.hide_basic,.hide_basic.btn.blockBtn,.hide_basic.disB{
display:none;
}
.show_basic,.show_basic.btn.blockBtn{
display:block;
}
@media (min-width: 1200px) {
.hide_min1200,.hide_min1200.btn.blockBtn{
display:none;
}
.show_min1200,.show_min1200.btn.blockBtn{
display:block;
}
}
@media (min-width: 961px) and (max-width: 1199px) {
.hide_961_1199,.hide_961_1199.btn.blockBtn{
display:none;
}
.show_961_1199,.show_961_1199.btn.blockBtn{
display:block;
}
}
@media (min-width: 768px) and (max-width: 960px) {
.hide_768_960,.hide_768_960.btn.blockBtn{
display:none;
}
.show_768_960,.show_768_960.btn.blockBtn{
display:block;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.hide_480_767,.hide_480_767.btn.blockBtn{
display:none;
}
.show_480_767,.show_480_767.btn.blockBtn{
display:block;
}
}
@media (max-width: 479px) {
.hide_max479,.hide_max479.btn.blockBtn{
display:none;
}
.show_max479,.show_max479.btn.blockBtn{
display:block;
}
}
/* btn display */
.btn.hide_basic,span.hide_basic{
display:none;
}
.btn.show_basic,span.show_basic{
display: inline-block;
}
@media (min-width: 1200px) {
.button.hide_min1200,span.hide_min1200{
display:none;
}
.button.show_min1200,span.show_min1200{
display:inline-block;
}
}
@media (min-width: 961px) and (max-width: 1199px) {
.button.hide_961_1199,span.hide_961_1199{
display:none;
}
.button.show_961_1199,span.show_961_1199{
display:inline-block;
}
}
@media (min-width: 768px) and (max-width: 960px) {
.button.hide_768_960,span.hide_768_960{
display:none;
}
.button.show_768_960,span.show_768_960{
display:inline-block;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.button.hide_480_767,span.hide_480_767{
display:none;
}
.button.show_480_767,span.show_480_767{
display:inline-block;
}
}
@media (max-width: 479px) {
.button.hide_max479,span.hide_max479{
display:none;
}
.button.show_max479,span.show_max479{
display:inline-block;
}
}
/**
* 分享
*/
.shareList{
height:60px;
}
.shareItem{
display:inline-block;
vertical-align:top;
}
.shareList+.shareList{
margin-top:8px;
}
.shareItem+.shareItem .shareBar{
margin-left:8px;
}
.shareBar{
display:block;
text-align:center;
}
.sharePic{
width:60px;
height:60px;
border-radius:4px;
background:url(https://okgo.top/146943362820437.png) #fafafa no-repeat 0 0;
background-size:184px 246px;
}
.shareBar[role="weixin"] .sharePic{
background-position:0 0;
}
.shareBar[role="moments"] .sharePic{
background-position:-62px 0;
}
.shareBar[role="weibo"] .sharePic{
background-position:-124px 0;
}
.shareBar[role="qq"] .sharePic{
background-position:-124px -62px;
}
.shareBar[role="twitter"] .sharePic{
background-position:0 -124px;
}
.shareBar[role="qqZone"] .sharePic{
background-position:0 -62px;
}
.shareBar[role="facebook"] .sharePic{
background-position:-62px -124px;
}
.shareBar[role="copy"] .sharePic{
background-position:-124px -124px;
}
.shareBar[role="qrCode"] .sharePic{
background-position:-62px -62px;
}
.shareBar[role="message"] .sharePic{
background-position:0 -186px;
}
.shareTitle{
padding:4px 0 8px;
font-size:12px;
color:#999;
}
.formBtn{
padding:0 12px 0 12px;
font-size:14px;
border-radius:2px;
display:inline-block;
vertical-align:top;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border-width:1px;
border-style:solid;
width:100%;
height: 40px;
line-height:40px;
}
.formBtn.inputBar{
max-width:300px;
}
/**
*横向滚动条
*/
.hScrollWrapper{
overflow:hidden;
font-size:0;
}
.hScrollWrapper >div,
.hScrollWrapper >ul{
overflow-x:auto;
overflow-y:hidden;
padding-bottom:20px;
-webkit-overflow-scrolling:touch;
height:100%;
white-space:nowrap;
box-sizing:content-box;
}
/**
*下拉刷新
*/
/*#dragDownFreshBar{
position:absolute;
z-index:1;
width:100%;
height:300px;
top:-300px;
padding-bottom:10px;
background:#fff;
}
#dragDownFreshBarContainer {
position:absolute;
width:40px;
height:40px;
bottom:10px;
left:50%;
margin-left:-20px;
font-size:14px;
line-height:14px;
text-align:center;
color:#333;
}
#dragDownFreshBarContainer .refreshBg{
border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
-ms-border-radius:40px;
-moz-border-radius:40px;
overflow:hidden;
width:40px;
height:40px;
background:#5190ee;
transform:scale(0);
}
#dragDownFreshBarContainer.dragDrop{
color:#fff;
}
#dragDownFreshBarContainer.dragDrop .refreshBg{
transition:transform .5s;
transform:scale(1);
}
#dragDownFreshBarIconContainer {
position:absolute;
width:14px;
height:14px;
top:13px;
left:13px;
opacity:0;
z-index:1;
}
#dragDownFreshBarIconContainer .refreshIcon.reloading{
animation: reloading 1s linear infinite;
-moz-animation: reloading 1s linear infinite;
-webkit-animation: reloading 1s linear infinite;
-o-animation: reloading 1s linear infinite;
-ms-animation: reloading 1s linear infinite;
}
@keyframes reloading
{
frame {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
}*/
/**
*表格
*/
.responseTable{
font-size:14px;
width:100%;
border-radius:2px;
background-color:transparent;
color:#666;
}
.responseTable tr{
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
}
.responseTable thead tr{
border-top:0 none;
}
.responseTable th{
line-height:48px;
text-align:left;
color:#333;
padding:0 12px;
}
.responseTable td{
padding:18px 12px;
text-align:left;
}
.responseTable td.info .title{
font-size:16px;
color:#333;
}
.responseTable td.info .time{
color:#999;
margin-top:8px;
}
.responseTable td.img{
width:60px;
height:60px;
line-height:60px;
text-align:center;
padding-right:20px;
}
.responseTable td.set{
width:32px;
padding-right:24px;
position:relative;
}
.responseTable .setBtn{
display:inline-block;
width:32px;
height:32px;
line-height:32px;
}
.responseTable td.set .smallPopup{
right:32px;
left:auto;
top:32px;
}
.tableStatus span{
padding:0 5px;
color:#ccc;
}
.tableStatus span.active{
color:#666;
}
@media(max-width:768px){
.tableContainer{
padding:0 8px;
}
.responseTable thead th:not(.check){
display:none;
}
.responseTable thead tr{
padding:0;
}
.responseTable tbody,
.responseTable{
display:block;
}
.responseTable tr{
display:block;
background-color:#fff;
border:0;
border-radius:2px;
padding:12px 8px;
position:relative;
}
.responseTable td{
display:block;
padding:0;
color:#666;
line-height:1.6;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.responseTable td[data-title]{
font-size:12px;
color:#666;
line-height:18px;
}
.responseTable td[data-title]:before{
content:attr(data-title);
display:inline-block;
}
.responseTable td a{
color:#666;
}
.responseTable .hookLabel{
display:none;
}
.responseTable tr.picItem{
padding-left:120px;
}
.responseTable tr.setItem{
padding-right:40px;
}
.responseTable td.img{
width:100px;
height:100px;
line-height:100px;
padding-right:0;
position:absolute;
left:8px;
top:8px;
}
.responseTable td.title,
.responseTable td.info .title{
font-size:16px;
line-height:22px;
color:#333;
font-weight:400;
white-space:normal;
}
.responseTable td.note,
.responseTable td.info .time{
font-size:12px;
color:#999;
line-height:18px;
margin:0 0 8px;
vertical-align:top;
}
.responseTable td.phone_hide{
display:none;
}
.responseTable td.set{
position:absolute;
top:12px;
right:0;
padding-right:0;
text-align:center;
}
}
/*暂无数据*/
.noData{
text-align:center;
color:#ccc;
line-height:1;
padding:20px 0;
}
.noDataIcon{
display:inline-block;
font-size:36px;
margin-bottom:8px;
color:#eee;
}
.noDataTitle{
font-size:14px;
color:#ccc;
}
/*分页手机上隐藏页数*/
.pagingBox span{
display:inline-block;
padding:0 10px;
vertical-align:top;
}
.tipsArrow{
position: absolute;
width:16px;
height:16px;
}
.tips_1,.tips_2,.tips_3{
color:#fff;
padding:5px 10px;
font-size:12px;
border-radius:2px;
}
.tips_1 .tipsPad,.tips_2 .tipsPad,.tips_3 .tipsPad{
white-space:nowrap;
}
.arrow_1_t,.arrow_2_t,.arrow_3_t,
.arrow_1_l,.arrow_2_l,.arrow_3_l,
.arrow_1_r,.arrow_2_r,.arrow_3_r,
.arrow_1_b,.arrow_2_b,.arrow_3_b{
width:0;
height:0;
border-width:6px;
border-style:solid;
position:absolute;
}
.arrow_1_t,.arrow_2_t,.arrow_3_t{
border-color:transparent transparent #2a2a2a transparent;
}
.arrow_1_r,.arrow_2_r,.arrow_3_r{
border-color:transparent transparent transparent #2a2a2a;
}
.arrow_1_l,.arrow_2_l,.arrow_3_l{
border-color:transparent #2a2a2a transparent transparent;
}
.arrow_1_b,.arrow_3_b{
border-color:#2a2a2a transparent transparent transparent;
}
.arrow_2_b{
border-color:#FF7676 transparent transparent transparent;
}
.tips_1{
border:1px solid #ccc;
background:#fff;
position:absolute;
line-height:20px;
}
.tips_1 .arrow_1_l{
left:-17px;
top:50%;
margin-top:-8px;
}
.tips_1 .arrow_1_r{
right:-17px;
top:50%;
margin-top:-8px;
}
.tips_1 .arrow_1_t{
left:50%;
top:-17px;
margin-left:-8px;
}
.tips_1 .arrow_1_b{
left:50%;
bottom:-17px;
margin-left:-8px;
}
.tips_2{
position:absolute;
background:#FF7676;
line-height:20px;
}
.tips_2 .arrow_2_b{
left:50%;
bottom:-12px;
margin-left:-8px;
}
.tips_2 .arrow_2_l{
left:-16px;
top:50%;
margin-top:-8px;
}
.tips_2 .arrow_2_t{
left:50%;
top:-16px;
margin-left:-8px;
}
.tips_2 .arrow_2_r{
top:50%;
right:-16px;
margin-top:-8px;
}
.tips_3{
position:absolute;
background:#2A2A2A;
line-height:20px;
}
.tips_3 .arrow_3_b{
left:50%;
bottom:-16px;
margin-left:-6px;
}
.tips_3 .arrow_3_l{
left:-12px;
top:50%;
margin-top:-6px;
}
.tips_3 .arrow_3_t{
left:50%;
top:-12px;
margin-left:-6px;
}
.tips_3 .arrow_3_r{
top:50%;
right:-16px;
margin-top:-6px;
}
.btn{
min-width:0 !important;
}
.timepicker{
text-align:center;
line-height:32px;
}
.timepicker dl{
margin:0;
}
.timepicker dd{
margin-left:0;
}
.timepicker dt{
font-size:16px;
font-weight:700;
line-height:40px;
padding-top:8px;
}
.timepicker li{
float:left;
cursor:pointer;
}
.timepicker dl.hoursList li{
width:25%;
font-size:14px;
line-height:40px;
}
.timepicker dl.minutesList li{
width:12.5%;
font-size:12px;
}
.timepicker li.active{
color:#dd0000;
background-color:#f6f6f6;
}
.timepicker ul.isTen li{
width:30.3333333%;
height: 40px;
line-height: 40px;
font-size:14px;
}
.uploadPicBox{cursor:pointer;display:inline-block;vertical-align:top;width:100px;height:100px;line-height:100px;font-size:0;border-radius:4px;border:1px solid #eee;overflow:hidden;position:relative;text-align:center}
.uploadPicBox:not(.active):before{content:"\e151";font-family:xzicon;font-size:30px;color:#eee}
.uploadPicBox:not(.active):after{content:""}
.uploadPicBox>div{opacity:0;visibility:hidden;font-size:0;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:111}
.uploadPicBox span{display:inline-block;line-height:32px;height:32px;vertical-align:middle;padding:0 8px;cursor:pointer}
.uploadPicBox span:before{font-family:xzicon;font-size:16px;color:#fff}
.uploadPicBox span[role=view]:before{content:"\e162"}
.uploadPicBox span[role=change]:before{content:"\e178"}
.uploadPicBox span[role=del]:before{content:"\e106"}
.uploadPicBox.active{text-align:center;cursor:default}
.uploadPicBox.active:hover>div{opacity:1;visibility:visible}
.uploadPicBox span:hover:before{color:#d00}
@media(max-width:768px){
.uploadPicBox{
width:40px;
height:40px;
line-height:40px;
background-color:#eee;
border:0;
display:inline-block;
vertical-align:top;
border-radius:2px;
}
.uploadPicBox.active{
text-align:right;
background-color:transparent;
}
.uploadPicBox:not(.active):before{
font-size:12px;
color:#fff;
}
.uploadPicBox.active:before{
width:20px;
height:20px;
line-height:20px;
margin:-10px 0 0 -10px;
font-size:8px;
}
.uploadPicBox.active > div span{display:none}
}