*, *:before, *:after{-webkit-box-sizing: border-box; box-sizing: border-box;} /* normalize.css v3.0.2 | git.io/normalize */ /* Set and to inherit the height of the viewport */ html, body{min-height: 100%;} /** * 1. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust */ html{-ms-text-size-adjust: 100%; /* 1 */ -webkit-text-size-adjust: 100% /* 1 */} /** * Remove default margin. */ body{margin: 0;} /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. * hgroup has been removed from the HTML5 (W3C) specification * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup */ article, aside, details, figcaption, figure, footer, titlebar, hgroup, menu, main, nav, section, summary{display: block;} /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video{display: inline-block; /* 1 */ vertical-align: baseline /* 2 */} /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]){display: none; height: 0;} /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template, script{display: none;} /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a{background-color: transparent;} /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus{outline: thin dotted;} /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover{outline: 0;} /* Text-level semantics ========================================================================== */ /** * Remove text-decoration */ ins, a{text-decoration: none;} /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title]{border-bottom: 1px dotted;} /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong{font-weight: bold;} /** * Improve readability of pre-formatted text in all browsers. */ pre{white-space: pre-wrap;} /** * Set consistent quote types. */ q{quotes: "\201C" "\201D" "\2018" "\2019";} /** * Address inconsistent and variable font size in all browsers. */ small{font-size: 80%;} /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} /* Embedded content ========================================================================== */ /** * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height * 3. Remove the gap between images and the bottom of their containers * 4. Remove border when inside `a` element in IE 8/9. */ img{-webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ max-width: 100%; /* 2 */ height: auto; /* 2 */ vertical-align: middle; /* 3 */ border: 0 /* 4 */} /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root){overflow: hidden;} /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure{margin: 0;} /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp{font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; font-size: 1em;} /* Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend{border: 0; /* 1 */ padding: 0 /* 2 */} /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea{color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0 /* 3 */} /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button{overflow: visible;} /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input{line-height: normal;} /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select{text-transform: none;} /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; /* 2 */ cursor: pointer /* 3 */} /* * 1. Improves consistency of cursor style for clickable elements * 2. Removes excess padding in IE 8/9. * 3. Address box sizing set to `content-box` in IE 8/9/10. */ input[type="radio"], input[type="checkbox"]{cursor: pointer; /*1*/ padding: 0; /*2*/ -webkit-box-sizing: border-box; box-sizing: border-box /* 3 */} /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled]{cursor: default;} /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height: auto;} /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"]{-webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box /* 2 */} /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea{overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize: vertical;} /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup{font-weight: bold;} /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table{border-collapse: collapse; border-spacing: 0;} td, th{padding: 0;} /* AMUI Base ========================================================================== */ /** * `font-size` is set in `html` element to support the `rem` unit for font-sizes * NOTE: IE9 & IE10 do not recognize `rem` units when used with the `font` shorthand property. */ .titlebar{position: relative; width: 100%; margin:0px auto; height: 4rem; line-height: 4rem; padding: 0 10px;} .titlebar h1{margin-top: 0; margin-bottom: 0;} .titlebar .titlebar-title{margin: 0 15%; font-size: 1.6rem; font-weight: normal; text-align: center; display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .titlebar .titlebar-title img{margin-top: 1.2rem; height: 2.5rem; vertical-align: top;} .titlebar .titlebar-nav{position: absolute; top: .5rem;} .titlebar .titlebar-nav img{height: 1.6rem; width: auto; vertical-align: middle;} .titlebar .titlebar-left{left: 1rem;} .titlebar .titlebar-right{right: 1rem;} .titlebar-fixed{position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1010;} .with-fixed-titlebar{padding-top: 4.9rem;} /*jQuery.mmenu CSS*/ /*jQuery.mmenu panels CSS*/ .mm-menu.mm-horizontal > .mm-panel{-webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease;} .mm-menu .mm-hidden{display: none;} .mm-wrapper{overflow-x: hidden; position: relative;} .mm-menu, .mm-menu > .mm-panel{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;} .mm-menu{background: inherit; display: block; overflow: hidden; padding: 0;} .mm-menu > .mm-panel{background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0);} .mm-menu > .mm-panel.mm-opened{-webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0);} .mm-menu > .mm-panel.mm-subopened{-webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0);} .mm-menu > .mm-panel.mm-highest{z-index: 1;} .mm-menu .mm-list{padding: 20px 0;} .mm-menu > .mm-list{padding-bottom: 0;} .mm-menu > .mm-list:after{content: ''; display: block; height: 40px;} .mm-panel > .mm-list{margin-left: -20px; margin-right: -20px;} .mm-panel > .mm-list:first-child{padding-top: 0;} .mm-list, .mm-list > li{list-style: none; display: block; padding: 0; margin: 0;} .mm-list{font: inherit; font-size: 1.4rem;} .mm-list a, .mm-list a:hover{text-decoration: none;} .mm-list > li{position: relative;} .mm-list > li > a, .mm-list > li > span{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 2.2rem; display: block; padding: 10px 10px 10px 20px; margin: 0;} .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0;} .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{width: auto; margin-left: 20px; position: relative; left: auto;} .mm-list a.mm-subopen{background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2;} .mm-list a.mm-subopen:before{content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0;} .mm-list a.mm-subopen.mm-fullsubopen{width: 100%;} .mm-list a.mm-subopen.mm-fullsubopen:before{border-left: none;} .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span{padding-right: 5px; margin-right: 40px;} .mm-list > li.mm-selected > a.mm-subopen{background: transparent;} .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span{padding-right: 45px; margin-right: 0;} .mm-list a.mm-subclose{text-indent: 20px; padding-top: 30px; margin-top: -20px;} .mm-list > li.mm-label{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px;} .mm-list > li.mm-spacer{padding-top: 40px;} .mm-list > li.mm-spacer.mm-label{padding-top: 25px;} .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before{content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%;} .mm-list a.mm-subopen:after{border-top: none; border-left: none; right: 18px;} .mm-list a.mm-subclose:before{border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px;} .mm-menu.mm-vertical .mm-list .mm-panel{display: none; padding: 10px 0 10px 10px;} .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color: transparent;} .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{display: block;} .mm-menu.mm-vertical .mm-list > li > a.mm-subopen{height: 40px;} .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after{top: 16px; bottom: auto;} .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen{height: 25px;} html.mm-opened .mm-page{box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);} .mm-menu{background: #333333; color: rgba(255, 255, 255, 0.6);} .mm-menu .mm-list > li:after{border-color: rgba(0, 0, 0, 0.15);} .mm-menu .mm-list > li > a.mm-subclose{background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3);} .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{border-color: rgba(255, 255, 255, 0.3);} .mm-menu .mm-list > li > a.mm-subopen:before{border-color: rgba(0, 0, 0, 0.15);} .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{background: rgba(0, 0, 0, 0.1);} .mm-menu .mm-list > li.mm-label{background: rgba(255, 255, 255, 0.05);} .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul{background: rgba(255, 255, 255, 0.05);} /*jQuery.mmenu offcanvas addon CSS*/ .mm-page{box-sizing: border-box; position: relative;} .mm-slideout{-webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease;} html.mm-opened{overflow: hidden; position: relative;} html.mm-opened body{overflow: hidden;} html.mm-background .mm-page{background: inherit;} #mm-blocker{background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999;} html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker{display: block;} .mm-menu.mm-offcanvas{display: none; position: fixed;} .mm-menu.mm-current{display: block;} .mm-menu{width: 80%; min-width: 140px; max-width: 440px;} html.mm-opening .mm-slideout{-webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0);} @media all and (max-width: 175px){html.mm-opening .mm-slideout{-webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0);} } @media all and (min-width: 550px){html.mm-opening .mm-slideout{-webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0);} } /*navbar */ .navbarbox{position: fixed; text-align:center; left:0; right:0; bottom: 0; width: 100%; height: 4.9rem; -webkit-backface-visibility:hidden; z-index: 1010;} .navbar{width: 100%; max-width:640px; margin:0px auto; height: 4.9rem;} .navbar ul{padding-left: 0; margin: 0; list-style: none; width: 100%; height:100%;} .navbar .navbar-nav{padding-left: .8rem; padding-right: .8rem; text-align: center; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .navbar .navbar-nav li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: none;} .navbar-nav{position: relative; z-index: 1015;} .navbar-nav a{display: inline-block; width: 100%; height: 4.9rem; line-height: 2rem;} .navbar-nav a img{display: block; vertical-align: middle; height: 2.4rem; width: 2.4rem; margin: .4rem auto 0;} .navbar-nav a [class*="icon"]{width: 2.4rem; height: 2.4rem; margin: .2rem auto .4rem; display: block; line-height: 2.4rem;} .navbar-nav a [class*="icon"]:before{font-size: 2.2rem; vertical-align: middle;} .navbar-nav a .navbar-label{padding-top: .2rem; line-height: 1rem; font-size: 1rem; display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .navbar-more [class*="icon-"]{-webkit-transition: 0.15s; transition: 0.15s;} .navbar-more.active [class*="icon-"]{-webkit-transform: rotateX(-180deg); transform: rotateX(-180deg);} .navbar-actions{position: absolute; bottom: 4.9rem; right: 0; left: 0; z-index: 1009; opacity: 0; -webkit-transition: .3s; transition: .3s; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%);} .navbar-actions.active{opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);} .navbar-actions li{line-height: 4.2rem; position: relative;} .navbar-actions li a{display: block; width: 100%; height: 4rem; -webkit-box-shadow: inset 0 1px rgba(220, 220, 220, 0.25); box-shadow: inset 0 1px rgba(220, 220, 220, 0.25); padding-left: 2rem; padding-right: 3.6rem;} .navbar-actions li a :after{font-family: "FontAwesome", sans-serif; content: "\f105"; display: inline-block; position: absolute; top: 0; right: 2rem;} .navbar-actions li a img{vertical-align: middle; height: 2rem; width: 2rem; display: inline;} #navbar-qrcode{width: 22rem; height: 22rem; margin-left: -11rem;} #navbar-qrcode .modal-bd{padding: 1rem;} #navbar-qrcode canvas{display: block; width: 20rem; height: 20rem;} .with-fixed-navbar{padding-bottom: 5.4rem;} /*focus*/ .focus{width:100%;height:auto;margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility: hidden;} .focus .hd{width:100%; height:1.1rem; position:absolute; z-index:2; bottom:.5rem; text-align:center;} .focus .hd ul{display:inline-block; height:1rem; padding:.3rem .3rem; background-color:rgba(255,255,255,0.7); -webkit-border-radius:.5rem; -moz-border-radius:.5rem; border-radius:.5rem; font-size:0; vertical-align:top;} .focus .hd ul li{display:inline-block; width:.5rem; height:.5rem; -webkit-border-radius:.5rem; -moz-border-radius:.5rem; border-radius:.5rem; background:#8C8C8C; margin:0 0.5rem; vertical-align:top; overflow:hidden;} .focus .hd ul .on{background:#FE6C9C;} .focus .bd{position:relative; z-index:1;} .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); /* 取消链接高亮 */} /*picScroll*/ .picScroll{margin:.5rem 0; width:100%; text-align:center;background-color:rgba(255,255,255,0.3);overflow:hidden;} .picScroll .bd ul{width:100%; float:left; padding:.2rem;} .picScroll .bd li{width:33%; float:left; font-size:1.4rem; text-align:center;} .picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */} .picScroll .bd li img{width:8rem; height:12rem; background:url(images/loading.gif) #fff center center no-repeat;} .picScroll .hd{height:4rem; line-height:4rem; border-bottom:.2rem solid #80BD6D; background:#f6f6f6; overflow:hidden; text-align:left; padding:0 1rem;} .picScroll .hd ul{float:right; padding-top:1.6rem;} .picScroll .hd li{float:left; width:.8rem; height:.8rem; background:#D0D0D0; margin:0 0.5rem; overflow:hidden; -webkit-border-radius:.8rem; -moz-border-radius:.8rem; border-radius:.8rem;} .picScroll .hd .on{background:#80BD6D;} .picScroll .next{background-position:-3.4rem -0.7rem;} .picScroll .prevStop{background-position:-0.6rem -4rem;} .picScroll .nextStop{background-position:-3.4rem -4rem;} .footer{text-align: center; padding: 1em 0; font-size: 1.6rem;} .footer .switch-mode-ysp{cursor: pointer;} .footer .footer-text{margin-top: 10px; font-size: 14px;} .footer .footer-text-left{text-align: left; padding-left: 10px;} .modal-footer-hd{padding-bottom: 10px;} /** * Footer Theme: default */ .footer-default{background-color: #ffffff;} .footer-default a{color: #555555;} .footer-default .footer-switch{margin-bottom: 10px; font-weight: bold;} .footer-default .footer-ysp{color: #555555; cursor: pointer;} .footer-default .footer-divider{color: #cccccc;} .footer-default .footer-desktop{color: #0e90d2;} .footer-default .footer-miscs{color: #999999; font-size: 13px;} .footer-default .footer-miscs p{margin: 5px 0;} @media only screen and (min-width:641px){.footer-default .footer-miscs p{display: inline-block; margin: 5px;}} .button_mod1{float:left;width:100%;height:auto;overflow:hidden;} .button_mod1 .button{position:relative;float:left;width:48%;margin:1%;height:5rem;border:1px solid #DDD;background:#FFFFFF;overflow:hidden;} .button_mod1 .button a{width:100%;height:100%;position:relative;top:0;left:0;display:block;} .button_mod1 .button .btn_icon{position:absolute;top:50%;margin-top:-1.8rem;left:1rem;width:3.6rem;height:3.6rem;background:#EE575B;border-radius: 60px;text-align:center;padding-top:.6rem;} .button_mod1 .button .btn_label{position:absolute;top:50%;margin-top:-1.6rem;left:4.4rem;width:7rem;height:3rem;text-align:center;} .button_mod1 .button .btn_icon span{font-size:2.2rem;} .button_mod1 .btn_icon span{color:#FFF;} .button_mod2{float:left;width:98%;margin:1%;height:auto;overflow:hidden;border-top:1px solid #DDD;border-left:1px solid #DDD;background:#FFFFFF;} .button_mod2 .button{position:relative;float:left;width:25%;height:5rem;border-right:1px solid #DDD;border-bottom:1px solid #DDD;overflow:hidden;text-align:center;} .button_mod2 .button .btn_icon{width:1.5rem;height:1.5rem;text-align:center;margin:.2rem auto;} .button_mod2 .button .btn_label{width:100%;height:3rem;text-align:center;font-size:1rem;margin:0px auto;} .button_mod2 .button .btn_icon span{font-size:1.5rem;color:#EE575B;} .button_mod3{float:left;width:98%;margin:1%;height:auto;overflow:hidden;border-top:1px solid #DDD;border-left:1px solid #DDD;background:#FFFFFF;} .button_mod3 .button{position:relative;float:left;width:33.33%;height:5rem;border-right:1px solid #DDD;border-bottom:1px solid #DDD;overflow:hidden;text-align:center;} .button_mod3 .button .btn_icon{width:1.5rem;height:1.5rem;text-align:center;margin:.2rem auto;} .button_mod3 .button .btn_label{width:100%;height:3rem;text-align:center;font-size:1rem;margin:0px auto;} .button_mod3 .button .btn_icon span{font-size:1.5rem;color:#EE575B;} .article_list1{float:left;width:96%;margin:2%;line-height: 2.4rem;} .article_list1 ul{width:100%;float:left;} .article_list1 ul li{width:100%;float:left;border-bottom:.1rem solid #CCCCCC;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .article_list2{float:left;width:96%;margin:2%;line-height: 2.4rem;} .article_list2 .RecommendImg{float:left;width:98%;margin:1%;position:relative;} .article_list2 .RecommendImg .dask{width:100%;height:4rem;line-height:4rem;background:#000;opacity:0.5;position:absolute;bottom:0;left:0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .article_list2 .RecommendImg .dask a{color:#FFF;font-size:1.4rem;} .article_list2 .RecommendImg img{width:100%;height:12rem;} .article_list2 ul{width:100%;float:left;} .article_list2 ul li{width:100%;float:left;border-bottom:.1rem solid #CCC;padding:.1rem;line-height:4rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .article_list2 ul li .thumb{width:3.6rem;height:3.6rem;margin:.2rem;float:left;} .article_list2 ul li .thumb img{width:3.6rem;height:3.6rem;border:0;} .article_view1{width:100%;height:auto;padding:.6rem;line-height: 2.4rem;} .article_view1 .ArticleTitle{color:#000;width:100%;height:auto;font-size:1.6rem;font-weight:bold;border-bottom:.1rem solid #EEEEEE;} .article_view1 .ArticleDate{color:#666;width:100%;height:auto;font-size:1rem;} .article_view1 .ArticleContent{width:100%;height:auto;line-height:2rem;font-size:1.2rem;padding:.6rem 0;} .photo_list1{float:left;width:96%;margin:2%;line-height: 2.4rem;} .photo_list1 ul{width:100%;float:left;} .photo_list1 ul li{width:47%;margin:1.5%;float:left;text-align:center;} .photo_list1 ul li img{width:100%;border:1px solid #CCCCCC;padding:.2rem;} .photo_list1 ul li div{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .photo_list2{float:left;width:96%;margin:2%;line-height: 2.4rem;} .photo_list2 ul{width:100%;float:left;} .photo_list2 ul li{width:100%;float:left;border-bottom:.1rem solid #CCC;padding:.1rem;line-height:4rem;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .photo_list2 ul li .thumb{width:3.6rem;height:3.6rem;margin:.2rem;float:left;} .photo_list2 ul li .thumb img{width:3.6rem;height:3.6rem;border:0;} .photo_view1{width:98%;height:auto;margin:1%;padding:1rem;background: #FFFFFF;line-height: 2.4rem;} .photo_view1 .PhotoTitle{color:#000;width:100%;height:auto;font-size:1.6rem;font-weight:bold;border-bottom:.1rem solid #EEEEEE;} .photo_view1 .PhotoDate{color:#666;width:100%;height:auto;font-size:1rem;} .photo_view1 .PhotoContent{width:100%;height:auto;line-height:2rem;font-size:1.2rem;padding:.6rem 0;} .customblock_list{float:left;width:96%;margin:2%;height:auto;overflow:hidden;} .guest_list1{float:left;width:96%;margin:2%;line-height: 2.4rem;} .guest_list1 ul{width:100%;float:left;} .guest_list1 ul li{width:100%;float:left;height:auto;overflow:hidden;margin-bottom:1rem;background:#FFF;} .guest_list1 ul li .guesttitle{width:100%;float:left;border:1px solid #CCC;padding:.5rem} .guest_list1 ul li .guestquestion{width:100%;float:left;padding:.5rem;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;} .guest_list1 ul li .guestanswer{width:100%;float:left;padding:.5rem;border-left:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;} .page_list1{float:left;width:98%;margin:1%;line-height: 2.4rem;} .pages{text-align:center; margin:.8rem; height:auto; float:left; overflow:hidden;} .pages a{display:block;border:1px solid #CCCCCC; background:#FFFFFF; color:#333333;padding:0px 10px; margin:6px 3px;height: 2.4rem;border-radius:.5rem;float:left;} .pages .click{border:1px solid #CCCCCC; color:#FFFFFF; background:#CCCCCC; padding:0px 10px;margin:6px 3px;height: 2.4rem; text-decoration:none;border-radius:.5rem;float:left;}