海报设计欣赏网站
ouyanglong 坐标: 67011 目录：/hai/
适合中老年人的网站设计-新网
0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-
0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{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;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}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;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;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;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{width:750px}}@media (min-width: 992px){.container{width:970px}}@media (min-width: 1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:
91.66666667%}.col-xs-10{width:
83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:
66.66666667%}.col-xs-7{width:
58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:
41.66666667%}.col-xs-4{width:
33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:
16.66666667%}.col-xs-1{width:
8.33333333%}@media (min-width: 768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:
91.66666667%}.col-sm-10{width:
83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:
66.66666667%}.col-sm-7{width:
58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:
41.66666667%}.col-sm-4{width:
33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:
16.66666667%}.col-sm-1{width:
8.33333333%}}@media (min-width: 992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:
91.66666667%}.col-md-10{width:
83.33333333%}.col-md-9{width:75%}.col-md-8{width:
66.66666667%}.col-md-7{width:
58.33333333%}.col-md-6{width:50%}.col-md-5{width:
41.66666667%}.col-md-4{width:
33.33333333%}.col-md-3{width:25%}.col-md-2{width:
16.66666667%}.col-md-1{width:
8.33333333%}}@media (min-width: 1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:
91.66666667%}.col-lg-10{width:
83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:
66.66666667%}.col-lg-7{width:
58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:
41.66666667%}.col-lg-4{width:
33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:
16.66666667%}.col-lg-1{width:
8.33333333%}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:500;line-height:
1.1;color:inherit;word-break:break-all}.list-unstyled{list-style:none;padding-left:0}p{margin:0 0 10px}.clearfix:after,.container:after,.container:before,.row:after,.row:before{display:table;content:" "}.clearfix:after,.container:after,.row:after{clear:both}@media (max-width:768px){.hidden-xs{display:none!important}}.breadcrumb{background:0 0;margin:0;color:#a7b2c0;padding-left:0}.breadcrumb> li{display:inline-block}.breadcrumb> li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb> .active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination> li{display:inline}.pagination> li> a,.pagination> li> span{position:relative;float:left;padding:6px 12px;line-height:
1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination> li:first-child> a,.pagination> li:first-child> span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination> li:last-child> a,.pagination> li:last-child> span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination> li> a:focus,.pagination> li> a:hover,.pagination> li> span:focus,.pagination> li> span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;cursor:pointer}.pagination> .active> a,.pagination> .active> a:focus,.pagination> .active> a:hover,.pagination> .active> span,.pagination> .active> span:focus,.pagination> .active> span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination> .disabled> a,.pagination> .disabled> a:focus,.pagination> .disabled> a:hover,.pagination> .disabled> span,.pagination> .disabled> span:focus,.pagination> .disabled> span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed} .bg-empty{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.pull-left{float:left}.pull-right{float:right}.pull-auto{margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#00aaee}.text-info{color:#4cc0c1}.text-success{color:#8ec165}.text-warning{color:#ffc333}.text-danger{color:#fb6b5b}.text-light{color:#f1f1f1}.text-white{color:#fff}.text-dark{color:#2e3e4e}.text-muted{color:#979797}.text-333{color:#333}.text-666{color:#666}.text-999{color:#999}.b-light{border-color:#e4e4e4}.b-dark{border-color:#374b5e}.b-primary{border-color:#77c587}.b-success{border-color:#9bc877}.b-info{border-color:#5fc7c8}.b-warning{border-color:#ffcb4d}.b-danger{border-color:#fc8174}.b-black{border-color:#353535}.b-white{border-color:#fff}.b-none{border:0!important}.b-a{border:1px solid #dddee1}.b-t{border-top:1px solid #dddee1}.b-r{border-right:1px solid #dddee1}.b-b{border-bottom:1px solid #dddee1}.b-l{border-left:1px solid #dddee1}.r{border-radius:3px}.r-l{border-radius:3px 0 0 3px}.r-r{border-radius:0 3px 3px 0}.r-t{border-radius:3px 3px 0 0}.r-b{border-radius:0 0 3px 3px}.p-xs{padding:5px}.p-sm{padding:10px}.p{padding:15px}.p-md{padding:20px}.p-lg{padding:30px}.p-n{padding:0!important !important}.p-l-none{padding-left:0}.p-l-xs{padding-left:5px}.p-l-sm{padding-left:10px}.p-l{padding-left:15px}.p-l-md{padding-left:20px}.p-l-lg{padding-left:30px}.p-l-xl{padding-left:40px}.p-t-none{padding-top:0}.p-t-xxs{padding-top:1px}.p-t-xs{padding-top:5px}.p-t-sm{padding-top:10px}.p-t{padding-top:15px}.p-t-md{padding-top:20px}.p-t-lg{padding-top:30px}.p-t-xl{padding-top:40px}.p-r-none{padding-right:0}.p-r-xs{padding-right:5px}.p-r-sm{padding-right:10px}.p-r{padding-right:15px}.p-r-md{padding-right:20px}.p-r-lg{padding-right:30px}.p-r-xl{padding-right:40px}.p-b-none{padding-bottom:0}.p-b-xs{padding-bottom:5px}.p-b-sm{padding-bottom:10px}.p-b{padding-bottom:15px}.p-b-md{padding-bottom:20px}.p-b-lg{padding-bottom:30px}.p-b-xl{padding-bottom:40px}.m-xs{margin:5px}.m-sm{margin:10px}.m{margin:15px}.m-md{margin:20px}.m-lg{margin:30px}.m-n{margin:0!important !important}.m-l-none{margin-left:0}.m-l-xs{margin-left:5px}.m-l-sm{margin-left:10px}.m-l{margin-left:15px}.m-l-md{margin-left:20px}.m-l-lg{margin-left:30px}.m-l-xl{margin-left:40px}.m-l-n-xxs{margin-left:-1px}.m-l-n-xs{margin-left:-5px}.m-l-n-sm{margin-left:-10px}.m-l-n{margin-left:-15px}.m-l-n-md{margin-left:-20px}.m-l-n-lg{margin-left:-30px}.m-l-n-xl{margin-left:-40px}.m-t-none{margin-top:0}.m-t-xxs{margin-top:1px}.m-t-xs{margin-top:5px}.m-t-sm{margin-top:10px}.m-t{margin-top:15px}.m-t-md{margin-top:20px}.m-t-lg{margin-top:30px}.m-t-xl{margin-top:40px}.m-t-n-xxs{margin-top:-1px}.m-t-n-xs{margin-top:-5px}.m-t-n-sm{margin-top:-10px}.m-t-n{margin-top:-15px}.m-t-n-md{margin-top:-20px}.m-t-n-lg{margin-top:-30px}.m-t-n-xl{margin-top:-40px}.m-r-none{margin-right:0}.m-r-xs{margin-right:5px}.m-r-sm{margin-right:10px}.m-r{margin-right:15px}.m-r-md{margin-right:20px}.m-r-lg{margin-right:30px}.m-r-xl{margin-right:40px}.m-r-n-xxs{margin-right:-1px}.m-r-n-xs{margin-right:-5px}.m-r-n-sm{margin-right:-10px}.m-r-n{margin-right:-15px}.m-r-n-md{margin-right:-20px}.m-r-n-lg{margin-right:-30px}.m-r-n-xl{margin-right:-40px}.m-b-none{margin-bottom:0}.m-b-xs{margin-bottom:5px}.m-b-sm{margin-bottom:10px}.m-b{margin-bottom:15px}.m-b-md{margin-bottom:20px}.m-b-lg{margin-bottom:30px}.m-b-xl{margin-bottom:40px}.m-b-n-xxs{margin-bottom:-1px}.m-b-n-xs{margin-bottom:-5px}.m-b-n-sm{margin-bottom:-10px}.m-b-n{margin-bottom:-15px}.m-b-n-md{margin-bottom:-20px}.m-b-n-lg{margin-bottom:-30px}.m-b-n-xl{margin-bottom:-40px}.over-h-e{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.over-h,.over-h-e{display:block}.over-h{overflow:hidden}.img-auto{background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.absolute{position:absolute}.relative{position:relative}.a-l-none{left:0}.a-l-xs{left:5px}.a-l-sm{left:10px}.a-m-l{left:15px}.a-l-md{left:20px}.a-l-lg{left:30px}.a-l-xl{left:40px}.a-l-n-xxs{left:-1px}.a-l-n-xs{left:-5px}.a-l-n-sm{left:-10px}.a-l-n{left:-15px}.a-l-n-md{left:-20px}.a-l-n-lg{left:-30px}.a-l-n-xl{left:-40px}.a-t-none{top:0}.a-t-xxs{top:1px}.a-t-xs{top:5px}.a-t-sm{top:10px}.a-m-t{top:15px}.a-t-md{top:20px}.a-t-lg{top:30px}.a-t-xl{top:40px}.a-t-n-xxs{top:-1px}.a-t-n-xs{top:-5px}.a-t-n-sm{top:-10px}.a-t-n{top:-15px}.a-t-n-md{top:-20px}.a-t-n-lg{top:-30px}.a-t-n-xl{top:-40px}.a-r-none{right:0}.a-r-xs{right:5px}.a-r-sm{right:10px}.a-m-r{right:15px}.a-r-md{right:20px}.a-r-lg{right:30px}.a-r-xl{right:40px}.a-r-n-xxs{right:-1px}.a-r-n-xs{right:-5px}.a-r-n-sm{right:-10px}.a-r-n{right:-15px}.a-r-n-md{right:-20px}.a-r-n-lg{right:-30px}.a-r-n-xl{right:-40px}.a-b-none{bottom:0}.a-b-xs{bottom:5px}.a-b-sm{bottom:10px}.a-b{bottom:15px}.a-b-md{bottom:20px}.a-b-lg{bottom:30px}.a-b-xl{bottom:40px}.a-b-n-xxs{bottom:-1px}.a-b-n-xs{bottom:-5px}.a-b-n-sm{bottom:-10px}.a-b-n{bottom:-15px}.a-b-n-md{bottom:-20px}.a-b-n-lg{bottom:-30px}.a-b-n-xl{bottom:-40px}.line-height-xs{line-height:5px}.line-height-sm{line-height:10px}.line-height{line-height:15px}.line-height-md{line-height:20px}.line-height-lg{line-height:30px}.height-xs{height:5px}.height-sm{height:10px}.height{height:15px}.height-md{height:20px}.height-lg{height:30px}.w-1{width:1%}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w0{width:0}.w10{width:10px}.w20{width:20px}.w30{width:30px}.w40{width:40px}.w50{width:50px}.w100{width:100px}.w150{width:150px}.w200{width:200px}.w250{width:250px}.w300{width:300px}.hidden{display:none}.show{display:inherit}.hidden-important{display:none!important}.show-important{display:inherit!important}.v-h{visibility:hidden}.v-i{visibility:inherit}.inline-block{display:inline-block}.f12{font-size:12px}.f14{font-size:14px}.scroll-y{overflow-y:auto} body { background-color: #ECF0F1; color: #333; font-size: 14px; -webkit-font-smoothing: antialiased; } a:hover { color: #00aaee; } .mip-header-default { background-color: #303641; width: 100%; } .mip-header-default .logo-text { float: left; margin-right: 15px; font-size: 20px; line-height: 60px; } .mip-header-default .logo-text a { color: #fff; } .mip-header-default .mip-nav li { float: left; } .mip-header-default .mip-nav li.active, .mip-header-default .mip-nav li.active:hover { background-color: #e4e4e4; } .mip-header-default .mip-nav li:hover { background-color: #f4f5f9; } .mip-header-default .mip-nav li a { display: block; padding: 10px 15px; } .mip-header-default .mip-menu { background-color: #303641; line-height: 0; padding: 0; margin: 0; } .mip-header-default .mip-menu:after, .mip-header-default .mip-menu:before { content: " "; display: table; } .mip-header-default .mip-menu> li { float: left; display: block; position: relative; } .mip-header-default .mip-menu> li> a { margin-left: 2px; margin-right: 2px; display: block; padding: 30px 15px; position: relative; -webkit-transition: ease-in color
0.15s; transition: ease-in color
0.15s; color: #ECEFF1; } .mip-header-default .mip-menu> li> a:hover { color: #fff; background-color: #242931; } .mip-header-default .mip-menu> li.active { color: #fff; background-color: #242931; } .mip-header-default .mip-menu> li.active> a:hover { color: #fff; background-color: #242931; } .mip-header-default .mip-dropdown-item .mip-dropdown-list { display: none; top: 50px; position: absolute; z-index: 900; width: inherit; max-height: 200px; overflow: auto; margin: 5px 0; padding: 5px 0; background-color: #fff; box-sizing: border-box; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0,
0.2); } .mip-header-default .mip-dropdown-item .mip-dropdown-list li { line-height: 25px; } .mip-header-default .mip-dropdown-item .mip-dropdown-list li a { margin: 0; display: inline-block; line-height: normal; padding: 7px 16px; clear: both; color: #495060; white-space: nowrap; list-style: none; cursor: pointer; transition: background
0.2s ease-in-out; min-width: 90px; } .mip-header-default .mip-dropdown-item .mip-dropdown-list li a:hover { background-color: #f3f3f3; } .mip-header-default .mip-dropdown-item:hover .mip-dropdown-list { display: block; } .mipcms-main { margin-top: 75px; } .container .row .col-lg-8 .row .col-lg-6:nth-of-type(even) { padding-left: 7px; } .container .row .col-lg-8 .row .col-lg-6:nth-of-type(odd) { padding-right: 7px; } .mip-top-img { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; } .mip-top-img .img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all
0.2s linear; } .image-link-left { width: 768px; height: 306px; } .image-link-right-top { width: 300px; height: 180px; } .image-link-right-bottom { width: 140px; height: 107px; } .mip-top-img .left-img { width: 768px; } .mip-top-img .right-img-top { width: 300px; } .mip-top-img .right-img-bottom { width: 140px; } .mip-top-img .left-img:hover { width: 778px; } .mip-top-img .right-img-top:hover { width: 310px; } .mip-top-img .right-img-bottom:hover { width: 150px; } .mip-top-block { position: relative; } .caption { background: -webkit-linear-gradient(top, rgba(25, 35, 45, 0) 0%, rgba(0, 0, 0,
0.8) 100%); background: linear-gradient(to bottom, rgba(25, 35, 45, 0) 0%, rgba(0, 0, 0,
0.8) 100%); text-shadow: 0px 1px 1px #000; padding: 14px 20px 17px 20px; position: absolute; bottom: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .caption .time { color: #d3dbdf; display: block; text-transform: uppercase; font-size: 11px; } .caption a { color: #fff; font-size: 18px; line-height: 2; } .mip-top-right .caption { width: 100%; padding: 5px 10px 5px 10px; } .mip-top-right a { font-size: 13px; line-height: 20px; } .mip-box { background-color: #fff; margin-bottom: 15px; border-radius: 3px; border: 0; -webkit-box-shadow: initial; box-shadow: inherit; } .mip-box .mip-user-info { float: right; padding-left: 15px; padding-right: 30px; } .mip-box .mip-box-heading { color: #333; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; padding: 15px 0px; margin-left: 20px; margin-right: 20px; border-bottom: 1px solid #EFEFEF; } .mip-box .mip-box-heading.mip-box-tap { margin-bottom: -1px; padding: 5px 0px 0px 0px; } .mip-box .mip-box-heading .tap-list { overflow: hidden; } .mip-box .mip-box-heading .tap-list li { float: left; } .mip-box .mip-box-heading .tap-list li a { padding: 10px 15px; line-height: 42px; margin: 0 1px; } .mip-box .mip-box-heading .tap-list li:hover a { color: #00aaee; border-bottom: 3px solid #00aaee; } .mip-box .mip-box-heading .tap-list li.active a { color: #00aaee; border-bottom: 3px solid #00aaee; } .mip-box .mip-box-heading .detail-title { margin-top: 10px; margin-bottom: 10px; word-break: break-all; word-wrap: break-word; font-size: 30px; font-weight: 400; line-height: 36px; } .mip-box .mip-box-heading .info { margin-bottom: 10px; font-size: 14px; color: #999; margin-top: 15px; } .mip-box .mip-box-heading .info ul { padding-left: 0; margin-bottom: 0; } .mip-box .mip-box-heading .info ul li { padding-right: 10px; float: left; list-style: none; } .mip-box .mip-box-heading h3 { margin: 0; line-height: 16px; font-size: 16px; font-weight: 500; color: #333; } .mip-box .mip-box-heading .right { position: absolute; right: 0; top: 12px; font-size: 13px; padding: 1px 5px; border: 1px solid transparent; line-height:
1.5; } .mip-box .mip-box-heading .right:hover { border-radius: 3px; background-color: #eef1f5; color: #333; } .mip-box .mip-box-body { padding: 20px; } .mip-box .mip-box-body:before, .mip-box .mip-box-body:after { display: table; content: " "; } .mip-box .mip-box-body:after { clear: both; } .mip-box .mip-box-footer { padding: 10px 15px; background-color: #f6f8f8; border-top: 1px solid #efefef; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .mip-box .mip-box-footer .item-up-down-page ul { padding-left: 0; margin-bottom: 0; list-style: none; } .mip-box .mip-box-footer .item-up-down-page ul li { width: 50%; } .mip-box .mip-box-footer .item-up-down-page ul li a { overflow: hidden; white-space: nowrap; width: 95%; display: inline-block; text-overflow: ellipsis; } .mip-box .mip-box-footer .item-down-page { float: right; text-align: right; } .mip-box .mip-box-footer .item-up-page { float: left; text-align: left; } .mip-box .mip-box-footer .item-up-page p, .mip-box .mip-box-footer .item-down-page p { font-size: 12px; color: #999999; } .mipcms-detail-body { font-size: 16px; font-family: arial, sans-serif; line-height:
1.6; color: #333; outline: none; word-wrap: break-word; } .mipcms-detail-body> :first-child { margin-top: 0!important; } .mipcms-detail-body a { color: #4298BA; text-decoration: none; word-break: break-all; } .mipcms-detail-body a:visited { color: #4298BA; } .mipcms-detail-body a:hover { color: #0F769F; } .mipcms-detail-body a:active { color: #9E792E; } .mipcms-detail-body a:hover, .mipcms-detail-body a:active { outline: 0; } .mipcms-detail-body h1, .mipcms-detail-body h2, .mipcms-detail-body h3, .mipcms-detail-body h4, .mipcms-detail-body h5, .mipcms-detail-body h6 { font-weight: normal; margin: 40px 0 20px; color: #000000; } .mipcms-detail-body h1 { font-size: 24px; } .mipcms-detail-body h2 { font-size: 22px; } .mipcms-detail-body h3 { font-size: 20px; } .mipcms-detail-body h4 { font-size: 18px; } .mipcms-detail-body h5 { font-size: 16px; } .mipcms-detail-body h6 { font-size: 16px; } .mipcms-detail-body p, .mipcms-detail-body div { margin: 0 0 15px 0; color: #333; word-wrap: break-word; } .mipcms-detail-body b, .mipcms-detail-body strong { font-weight: bold; } .mipcms-detail-body i, .mipcms-detail-body em { font-style: italic; } .mipcms-detail-body u { text-decoration: underline; } .mipcms-detail-body strike, .mipcms-detail-body del { text-decoration: line-through; } .mipcms-detail-body ul, .mipcms-detail-body ol { list-style: disc outside none; margin: 15px 0; padding: 0 0 0 40px; line-height:
1.6; } .mipcms-detail-body ul ul, .mipcms-detail-body ol ul, .mipcms-detail-body ul ol, .mipcms-detail-body ol ol { padding-left: 30px; } .mipcms-detail-body ul ul, .mipcms-detail-body ol ul { list-style: circle outside none; } .mipcms-detail-body ul ul ul, .mipcms-detail-body ol ul ul { list-style: square outside none; } .mipcms-detail-body ol { list-style: decimal; } .mipcms-detail-body blockquote { border-left: 6px solid #ddd; padding: 5px 0 5px 10px; margin: 15px 0 15px 15px; } .mipcms-detail-body blockquote> :first-child { margin-top: 0; } .mipcms-detail-body code { display: inline-block; padding: 0 4px; margin: 0 5px; background: #eeeeee; border-radius: 3px; font-size: 13px; font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace; } .mipcms-detail-body pre { padding: 10px 5px 10px 10px; margin: 15px 0; display: block; line-height: 18px; background: #F0F0F0; border-radius: 3px; font-size: 13px; font-family: 'monaco', 'Consolas', "Liberation Mono", Courier, monospace; white-space: pre; word-wrap: normal; overflow-x: auto; } .mipcms-detail-body pre code { display: block; padding: 0; margin: 0; background: none; border-radius: 0; } .mipcms-detail-body hr { display: block; height: 0px; border: 0; border-top: 1px solid #ccc; margin: 15px 0; padding: 0; } .mipcms-detail-body table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin: 15px 0; } .mipcms-detail-body table thead { background-color: #f9f9f9; } .mipcms-detail-body table td, .mipcms-detail-body table th { min-width: 40px; height: 30px; border: 1px solid #ccc; vertical-align: top; padding: 2px 4px; text-align: left; box-sizing: border-box; } .mipcms-detail-body table td.active, .mipcms-detail-body table th.active { background-color: #ffffee; } .mipcms-detail-body img { margin: 0 5px; vertical-align: middle; } .tags li { padding-right: 5px; float: left; } .tags a { color: #999; background-color: #eff1f5; padding: 2px 5px; border-radius: 3px; text-decoration: none; font-size: 12px; } .tags a:hover { background-color: #0AE; color: #FFF; } .mipui-category-list-item { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; } .mipui-category-list-item .item-media { background-color: #eee; position: relative; overflow: hidden; float: left; width: 240px; } .mipui-category-list-item .item-media .item-link { transition: all .5s; position: relative; display: block; height: 153px; } .mipui-category-list-item .item-media .item-link .mip-layout-container { position: initial; } .mipui-category-list-item .item-media .item-link img { min-width: auto; max-width: inherit; position: absolute; top: 50%; left: 50%; height: auto; transform: translate(-50%, -50%); } .mipui-category-list-item .item-media:hover .item-link { display: block; transition: all .5s; transform: scale3d(
1.1,
1.1, 1); } .mipui-category-list-item .item-content { padding-left: 15px; } .mipui-category-list-item .item-content h4 { margin: 10px 0; } .mipui-category-list-item .item-content h4 a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-decoration: none; width: 100%; } .mipui-category-list-item .item-content p { color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } @media (max-width: 768px) { .mipui-category-list-001 .mipui-category-list-item .item-media { width: 121px; } .mipui-category-list-001 .mipui-category-list-item .item-media .item-link { height: 75px; } .mipui-category-list-001 .mipui-category-list-item .item-content { padding-left: 15px; } .mip-header .container { padding: 0; } .mip-header .logo-text { float: none; margin-right: 0; display: block; padding: 0; text-align: center; line-height: 44px; border-bottom: 1px solid #242932; } .mip-header .list-unstyled { overflow: hidden; width: 100%; list-style: none; padding-left: 0; padding: 0; line-height: 30px; margin: 0; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; } .mip-header .list-unstyled li { display: inline-block; float: none; } .mip-header .list-unstyled> li> a { display: block; padding: 5px 5px; position: relative; color: #ECEFF1; } .mipcms-main { margin-top: 100px; } .mip-box .mip-box-footer .item-down-page { float: left; text-align: left; margin-top: 10px; } .mip-box .mip-box-footer .item-down-page p { margin-bottom: 5px; } .container .row .col-lg-8 .row .col-lg-6:nth-of-type(even) { padding-left: 15px!important; } .container .row .col-lg-8 .row .col-lg-6:nth-of-type(odd) { padding-right: 15px!important; } } .li-box-list { line-height: 30px; position: relative; } .li-box-list:after, .li-box-list:before { content: " "; display: table; } .li-box-list a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .li-box-list p { margin-top: 0; font-size: 12px; color: #999; line-height: 15px; } .list-time { line-height: 30px; position: relative; } .list-time:before, .list-time:after { content: " "; display: table; } .list-time:after { clear: both; } .list-time a { float: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 80px; width: 100%; } .list-time time { position: absolute; right: 0; color: #BABABA; } .no-data-block { height: 300px; padding-top: 80px; } .no-data-block .no-data-img { margin: 0 auto; width: 60px; height: 60px; position: relative; } .no-data-block p { margin-top: 15px; color: #dbdbdb; } @media (min-width: 1200px) { .container { width: 1113px!important; } } @media (min-width: 768px) { .mipcms-main .col-lg-8 { width: 798px; } .mipcms-main .col-lg-4 { width: 315px; padding-left: 0px; } } .container .row .col-lg-8 .row .col-lg-6:nth-of-type(even) { padding-left: 7px; } .container .row .col-lg-8 .row .col-lg-6:nth-of-type(odd) { padding-right: 7px; } .breadcrumb { margin-bottom: 15px; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination> li { display: inline; } .pagination> li> a, .pagination> li> span { position: relative; float: left; padding: 6px 12px; border-radius: 3px; line-height:
1.42857143; text-decoration: none; color: #333; background-color: #fff; border: 1px solid #ddd; margin-left: 10px; -webkit-transition: all .3s; } .pagination> li:first-child> a, .pagination> li:first-child> span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination> li:last-child> a, .pagination> li:last-child> span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination> li> a:focus, .pagination> li> a:hover, .pagination> li> span:focus, .pagination> li> span:hover { z-index: 2; color: #00AAEE; background-color: #eee; border-color: #ddd; cursor: pointer; } .pagination> .active> a, .pagination> .active> a:focus, .pagination> .active> a:hover, .pagination> .active> span, .pagination> .active> span:focus, .pagination> .active> span:hover { z-index: 3; color: #fff; background-color: #00AAEE; border-color: #00AAEE; cursor: default; } .pagination> .disabled> a, .pagination> .disabled> a:focus, .pagination> .disabled> a:hover, .pagination> .disabled> span, .pagination> .disabled> span:focus, .pagination> .disabled> span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .friend-link { margin-bottom: 15px; text-align: center; } .friend-link ul { overflow: hidden; list-style: none; padding: 0; display: inline-block; } .friend-link li { float: left; margin: 0 5px; } .mip-footer { line-height: 25px; } mip-fixed[type="top"] { overflow: inherit; }
适合中老年人的网站设计
- 时间:
相关文章
电话被抛弃中老年人最常用的联系方式是它
20/3/201810:14:00
报告显示中老年人靠旅行社和朋友圈获得旅游资讯
13/10/201618:34:00
中老年人上网率快速提升相应网络文化建设有待加强
30/9/200916:25:00
日本加密货币中心推出老年人投资课程
4/6/201810:35:00
微信超过电话成中老年社交生活最常用联络方式
19/3/201813:45:00
除了让中老年人去旅游，同程还要给他们拍电影
21/12/201617:36:00
建造一个方便老年人使用的网站需要注意什么
30/8/201815:48:18
老年人喜爱Facebook和Twitter
31/8/201010:17:00
消除老年人“数字鸿沟”中国官方发文解决老年人运用智能技术困难
25/11/202015:18:10
针对老年人使用智能设备遇到的问题国家出手破除老年人智能鸿沟
25/11/202012:21:33
民政部将推动解决老年人智能技术困难
23/10/202015:16:07