.container { margin-top:50px; } .tabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; font-weight: 300; font-size: 1.25em; } .img { margin:0 0 50px 0; text-align:center; } /*.img img { width:100% }*/ /* Nav*/ .tabs nav { text-align: center; } .tabs nav ul { height:45px; } .tabs nav ul li { float:left; color:#CCC; border-top:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .tabs nav ul li:hover { background-color:#eff7fb } .tabs nav ul li:nth-child(1) { border-left:solid 1px #e0e0e0; } .tabs nav a { position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; } .tabs nav a span { font-size:16px; color:#555; font-weight: 600; padding:0 20px 0 20px; vertical-align: middle; } .tabs nav a span:hover { color:#2089cd; } .tabs nav li.tab-current a { color: #74777b; } .tabs nav a:focus { outline: none; } /* Icons*/ .icon::before { z-index: 10; display: inline-block; margin: 0 0.4em 0 0; vertical-align: middle; text-transform: none; font-weight: normal; font-variant: normal; font-size: 1.3em; font-family: 'stroke7pixeden'; line-height: 1; speak: none; -webkit-backface-visibility: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Content*/ .content-wrap { position: relative; border:solid 1px #e0e0e0; padding:20px; margin-top:1px; } .content-wrap section { display: none; margin: 0 auto; max-width: 1200px; text-align: left; } .content-wrap section.content-current { display: block; } .content-wrap section h1 { color:#2089cd; font-size:18px; font-weight:600; padding-left:20px; margin-bottom:12px; background:url("/images/images/icon-yuan.png") no-repeat 0px 7px; } .content-wrap section .more a { float:right; color:#666; font-size:16px; font-weight:400; padding-right:20px; margin-bottom:15px; } .content-wrap section .more a:hover { color:#2089cd; } .content-wrap section li { width:33.3%; float:left; color: #666; text-align: left; font-weight: 400; font-size: 16px; line-height: 30px; } .c-col { float:left; width:100%; box-sizing:border-box; border-bottom:dashed 1px #f5f5f5; margin-bottom:30px; } .r-body { overflow:hidden; } /* Fallback*/ .no-js .content-wrap section { display: block; padding-bottom: 2em; } .no-flexbox nav ul { display: block; } .no-flexbox nav ul li { min-width: 15%; display: inline-block; } .container9 .c-left .c-body .tab .tab-header { border:solid 1px #e0e0e0; height:50px } .search-cxbox { float:right; width:30%; margin-top:5px; position:relative; overflow:hidden; } .search-cxbox .input-text { width:240px; height:35px; padding:0 30px 0 10px; background-color:#f5f5f5; border:0; box-sizing:border-box; color:#666; } .search-cxbox .btn-search { width:32px; height:26px; font-size:0; position:absolute; right:4px; top:5px; border:0; background:url("/images/images/icon-search-2.png") no-repeat 0px 0px; cursor:pointer; } @media screen and (min-width:768px ) and (max-width:992px) { .container { padding:0 10px; } .container section { display:none; } .tabs nav a span { vertical-align: middle; } .img img { width:100% } .search-box { float:right; width:100%; margin-top:5px; position:relative; overflow:hidden; } .search-box .input-text { width:100%; height:35px; padding:0 30px 0 10px; background-color:#f5f5f5; border:0; box-sizing:border-box; color:#666; } .search-box .btn-search { width:32px; height:26px; font-size:0; position:absolute; right:4px; top:5px; border:0; background:url("/images/images/icon-search-2.png") no-repeat 0px 0px; cursor:pointer; } .tabs nav a.icon span { display: none; } .tabs nav a:before { margin-right: 0; } } @media screen and (max-width: 767px) { .container { padding:0 10px; } .container section { display:none; } .img img { width:100% } .tabs nav a span { vertical-align: middle; } .tabs nav ul li:nth-child(4) { display: none } .tabs nav ul li:nth-child(5) { display: none } .search-box { float:right; width:100%; margin-top:5px; position:relative; overflow:hidden; } .search-box .input-text { width:100%; height:35px; padding:0 30px 0 10px; background-color:#f5f5f5; border:0; box-sizing:border-box; color:#666; } .search-box .btn-search { width:32px; height:26px; font-size:0; position:absolute; right:4px; top:5px; border:0; background:url("/images/images/icon-search-2.png") no-repeat 0px 0px; cursor:pointer; } .tabs nav a.icon span { display: none; } .tabs nav a:before { margin-right: 0; } }