* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #fff; font: 12px 黑体 Microsoft YaHei, arial, sans-serif; } ul { list-style-type: none; } a { color: #f39800; text-decoration: none; } /** ======================= * Contenedor Principal ===========================*/ .list-title{ width: 100%; border-top: solid 1px #9ed2f1; border-left: solid 1px #9ed2f1; border-right: solid 1px #9ed2f1; background: #FFF; text-align: center; height: 40px; line-height: 40px; font-size: 16px; color: #f39800; font-weight: bold; cursor: pointer; } .list-title p{ float: left; width: 50%; } h1 { color: #FFF; font-size: 24px; font-weight: 400; text-align: center; margin-top: 80px; } h1 a { color: #f39800; font-size: 16px; } .accordion { width: 100%; border: solid 1px #9ed2f1; background: #FFF; } .accordion .link { cursor: pointer; display: block; padding:15px 15px 32px 50px; color: #4D4D4D; font-size: 12px; font-weight: 700; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion .link p { float: left; width: 50%; } .accordion .link p:nth-of-type(2) { text-align: center; color: #e00c25; } .accordion li:last-child .link { border-bottom: 0; } /*.accordion li{ cursor: pointer; }*/ .accordion li i { position: absolute; top: 16px; left: 12px; font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li i.fa-chevron-down { left: 12px; right: auto; font-size: 12px; } .accordion li.open .link { color: #0085cb; } .accordion li.open i { color: #0085cb; } .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /** * Submenu -----------------------------*/ .submenu { display: none; /* background: #f5f5f5;*/ font-size: 12px; } /*.submenu li { border-bottom: 1px solid #d6d7dc; }*/ .submenu div { display: block; text-decoration: none; color: #666; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; padding: 10px 15px 27px 50px; } .submenu div p{ float: left; width: 50%; } .submenu div p:nth-of-type(2){ text-align: center; color: #e00c25; } /*http://www.jq22.com*/