h5.css

body{font-size:14px;line-height:22px}.wrapper-ipad-app-h5{padding:2.5rem 2.08rem}.header-main-1{padding-bottom:1.5rem}.header-main-1 .header-main-left{float:left;width:8.33rem}.header-main-1 .header-main-left h1{margin:0 0 5px;padding:0;width:8.33rem;height:8.33rem;border:1px solid #313131;text-align:center;font-size:5.33rem;font-weight:bold;line-height:8.16rem;background:url("../images/bg-tianzige.png") center no-repeat}.header-main-1 .header-main-left h1 span{display:block;width:100%;height:100%;background:transparent center no-repeat;background-size:contain;text-indent:-10000px}.header-main-1 .header-main-left h1 .bg-xiang{background-image:url("../images/bg-xiang.gif")}.header-main-1 .header-main-left .header-main-word-dropdown{width:100%}.header-main-1 .header-main-left .header-main-word-dropdown .btn{width:50%;float:left;padding:0;position:relative;z-index:2;margin-left:-1px;border:1px solid #187bb2;color:#fff;background-color:#187bb2;border-radius:0;font-size:1rem;height:2rem;line-height:1.83rem}.header-main-1 .header-main-left .header-main-word-dropdown .btn:first-child{margin-left:1px}.header-main-1 .header-main-left .header-main-word-dropdown .btn:focus,.header-main-1 .header-main-left .header-main-word-dropdown .btn:active,.header-main-1 .header-main-left .header-main-word-dropdown .btn:focus:active{text-decoration:none}.header-main-1 .header-main-left .header-main-word-dropdown .btn:after{border:none;width:.66rem;height:.5rem;vertical-align:.16rem;background:url("../images/arrow-gray-down-blank.png") center no-repeat;background-size:contain}.header-main-1 .header-main-left .header-main-word-dropdown .btn.collapsed{border:1px solid #313131;z-index:1;background-color:#fff;color:#a8a8a8}.header-main-1 .header-main-left .header-main-word-dropdown .btn.collapsed:after{background-image:url("../images/arrow-gray-down.png")}.header-main-1 .header-main-right{margin-left:9.5rem;font-size:1rem}.header-main-1 .header-main-right .word-read{height:1.66rem;margin-bottom:2.5rem;line-height:1.66rem;font-size:1.16rem}.header-main-1 .header-main-right .word-read span{margin-left:-5px}.header-main-1 .header-main-right .word-read .link .icon-shengyin{position:relative;top:2px}.header-main-1 .header-main-right table>tbody>tr>td{padding:0 1.16rem 0 0}.header-main-1 .header-main-right table>tbody>tr>td strong{font-size:1.5rem;font-weight:normal}.header-main-1 .collapse-wrapper{padding-top:.83rem}.content-detail{font-size:1.16rem;line-height:2}.content-detail .list-paddingleft-2{padding-left:1.16rem}.content-detail .list-paddingleft-2 li{list-style:none;position:relative;font-size:1rem;margin-bottom:1.33rem;color:#a8a8a8}.content-detail .list-paddingleft-2 li:before{content:attr(data-num);position:absolute;left:-1.34rem;top:0;font-size:1rem;color:#a8a8a8;display:inline-block}.content-detail .list-paddingleft-2 li p{line-height:1.5;margin-bottom:.5rem;color:#333}.content-detail .list-paddingleft-2 li p:first-child{margin-bottom:.16rem}.content-detail .list-paddingleft-2 li p a{color:#187bb2}.content-detail .list-paddingleft-2 li p strong{font-size:1.33rem;font-weight:normal}.nav-tabs-main{border-color:#333}.nav-tabs-main .nav-item .nav-link{border-radius:0;padding:0 1.5rem;font-size:1rem;height:2.16rem;line-height:2rem;color:#a8a8a8}.nav-tabs-main .nav-item .nav-link .badge{padding:0.25em 0.4em;font-weight:normal;border-radius:50%}.nav-tabs-main .nav-item .nav-link.active{border-color:#333 #333 #fff;font-weight:bold;color:#187bb2}.header-main-2{position:relative;height:7.5rem}.header-main-2 .header-main-left h1{float:left;margin-right:.83rem;font-size:3.33rem;font-weight:bold}.header-main-2 .header-main-left .header-main-desc h4{font-size:1.16rem;font-weight:bold;color:#187bb2}.header-main-2 .header-main-left .header-main-desc .word-read{padding:.5rem 0 0}.header-main-2 .header-main-left .header-main-desc .word-read span{margin-left:-5px}.header-main-2 .header-main-right{position:absolute;right:0;top:0}.header-main-2 .header-main-right .album{width:7.5rem;height:5.41rem;font-size:1rem;color:#187bb2;text-align:center}.header-main-2 .header-main-right .album:before,.header-main-2 .header-main-right .album:after{content:"";width:7.5rem;height:5.41rem;position:absolute;left:-4px;top:4px;z-index:1;border:1px solid #c7bdae;background-color:#fff}.header-main-2 .header-main-right .album:after{left:-2px;top:2px}.header-main-2 .header-main-right .album a{position:relative;z-index:3}.header-main-2 .header-main-right .album img{margin-bottom:.5rem;width:7.5rem;height:5.41rem}.encyclopedias{padding:.83rem 0 2.5rem;font-size:1.16rem;color:#888;line-height:1.8}.encyclopedias table{width:100%}.encyclopedias table th,.encyclopedias table td{vertical-align:top}.list-img{margin-bottom:1.25rem;margin-left:-10px;margin-right:-10px}.list-img>div{padding-left:10px;padding-right:10px}.relation-word-body{background-color:#f8f8f8}.relation-word-body .relation-word{margin-left:-15px;margin-right:-15px}.relation-word{padding:1.5rem 1.25rem 1.5rem 2rem;background-color:#f8f8f8}.relation-word h4{font-size:1.08rem;font-weight:bold}.relation-word .list-group{position:relative;margin-bottom:1.25rem}.relation-word .list-group .list-group-item{background:transparent;border:none;font-size:1rem;padding:.08rem 0;color:#333}.relation-word .list-group .list-group-item-header{color:#187bb2}.relation-word .list-group .opt{position:absolute;right:0;bottom:-.83rem;z-index:2;padding-left:14px;font-size:1rem;color:#a8a8a8;cursor:pointer}.relation-word .list-group .opt.open:after{transform:rotate(180deg)}.atlas-content{height:600px}.atlas-content .vis-active{box-shadow:none;outline:none}.media-yuci .card{border:none}.media-yuci .card .card-header{padding:0;background-color:#fff;border-bottom-color:#eaeaea}.media-yuci .card .card-header .btn{margin-bottom:-1px;font-size:1.33rem;color:#333;border-radius:0;border-bottom-color:#187bb2;display:block;text-align:left;position:relative}.media-yuci .card .card-header .btn:after{content:"";display:block;position:absolute;left:-2px;bottom:-2px;z-index:1;width:4px;height:4px;border-radius:2px;background-color:#187bb2}.media-yuci .card .card-header button{padding:0;background:none;border:none;box-shadow:none;display:block;width:100%;text-align:left;outline:none}.media-yuci .card .card-header button:before{display:block;content:"";float:right;margin:16px 5px 0 0;width:14px;height:8px;background:url("../images/arrow-gray-down.png") center no-repeat;background-size:cover;transform:rotate(0)}.media-yuci .card .card-header button.collapsed:before{transform:rotate(-90deg)}.media-yuci .card-body{padding:2rem 0 .83rem 0;color:#888}.media-yuci .media-title{font-weight:bold;font-size:1.33rem}.history{background:#f8f8f8 url("../images/bg-history.jpg") left top repeat-x}.history h1{margin-bottom:10px;font-size:2.5rem;font-weight:bold}.history .nav-link{position:relative;font-size:1.16rem;color:#b7b7b7;padding:.83rem 1.33rem;margin:0 .16rem;border-bottom:2px solid transparent}.history .nav-link.active{color:#187bb2;border-bottom-color:#187bb2}.list-history{margin-top:4.16rem;padding:0;list-style:none;display:block;position:relative;font-size:1.16rem;color:#585858;margin-bottom:0}.list-history:before{content:"";position:absolute;display:block;left:50%;top:0;bottom:50px;z-index:1;margin-left:-1px;width:2px;background-color:#e9e9e9}.list-history .time{position:absolute;right:0;z-index:2;margin-right:-30px;width:60px;height:24px;line-height:24px;font-size:1rem;background-color:#187bb2;text-align:center;color:#fff;border-radius:5px}.list-history li{position:relative;padding-bottom:1.16rem;padding-right:3.33rem;margin-right:50%;text-align:right}.list-history li:nth-child(even){padding-right:0;margin-right:0;text-align:left;padding-left:3.33rem;margin-left:50%}.list-history li:nth-child(even) .time{right:0;margin-right:0;left:0;margin-left:-30px}.list-history .end{z-index:2;padding:3rem 0 0 !important;margin:2.5rem 0 0 !important;text-align:center !important;font-size:1rem;color:#adadad;background:url("../images/circle-history.png") center top no-repeat}.list-history .more{z-index:2;padding:3rem 0 0 !important;margin:2.5rem 0 0 !important;text-align:center !important}.list-history .more a{display:inline-block;width:28px;height:28px;background:url("../images/circle-history-more.png") center top no-repeat;background-size:cover;text-indent:-10000px;position:relative;top:-28px}.list-history .more a:hover{opacity:0.8}.carousel-control-prev,.carousel-control-next{width:10%}.list-history-default{margin-top:4.16rem;background:url("../images/history-default.png") top center no-repeat;background-size:contain;height:270px}