@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; } /* 文字ŒDµè½ */ 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; } } /* 常调用显½Cºéšè—?*/ .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; } } /** * 分äín */ .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; } /** *下拉åˆäh–° */ /*#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} }

    1. <legend id="ng9b9"><pre id="ng9b9"></pre></legend>
      <li id="ng9b9"><acronym id="ng9b9"></acronym></li>
        1. <th id="ng9b9"></th>
          717影院理论午夜伦八戒,亚洲人成网站18禁止久久影院,国产精品免费A V片在线观看,国产AV一区二区三区天堂综合网,国产香蕉九九久久精品免费