<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.inf_list {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.rig_dody {
    width: 1123px;
    float: right;
    border: solid 1px #1ca1b1;
    border-radius: 3px;
    padding: 20px 20px 20px 20px;
    background: #e3f4f5;
    height: 270px;
}

.tit_left {
    position: relative;
    float: left;
    width: 20px;
    margin-left: -10px;
}

.rig_by_l {
    width: 47%;
    float: left;
    margin-left: 1%;
    /* margin-top: -1px; */
}

.rig_by_r {
    float: right;
    width: 45%;
}

.li_point {
    float: left;
    width: 7px;
    height: 7px;
    background: #64bac3;
    border-radius: 20px;
    margin-left: 20px;
    margin-top: 15px;
    margin-right: 10px;
}

.rig_by_li_inf {
    float: left;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 304px;
    text-align: left;
}

.rig_by_li_date {
    float: right;
    font-size: 15px;
    color: #b7b7b7;
    cursor: pointer;
}

ul.rig_by_ul {
    width: 100%;
}

li.rig_by_li {
    width: 100%;
    height: 39px;
    line-height: 39px;
}

.cname {
    position: absolute;
    font-size: 18px;
    left: 34px;
    top: 38px;
    z-index: 999;
    cursor: pointer;
}

img.tit_left_img {
    position: absolute;
    top: 20px;
}

.more {
    position: absolute;
    top: 147px;
    left: 35px;
    color: #aaa;
    z-index: 999;
    cursor: pointer;
}

p.more_span {
    transform: rotate(90deg);
}

.more:hover {
    color: #1ca1b1;
}

.cname:hover {
    color: #666;
}

li.rig_by_li:hover {
    color: #64bac3;

}

.rig_by_li_inf {
}

.type_con {
    float: left;
    position: relative;
    width: 153px;
    border: solid 1px #c2d4d4;
    margin: 49px 26px;
    border-bottom: 0px;
    border-top: 0px;
    cursor: pointer;
}

img.bo_img {
    position: absolute;
    width: 157px;
    left: -1px;
    top: -22px;
}

.type_text {
    font-size: 20px;
}

.type_con.firbut {
    margin-left: 77px;
}

.bo_img {
    display: none;
}

.typec_con {
    width: 229px;
    /*border-radius: 5px;*/
    float: left;
    position: relative;
    background: #fff;
    height: 240px;
    margin: 0 20px;
    overflow: hidden;
    /*margin-top: 28px;*/
    /*border: solid 1px #0e6b76;*/
    cursor: pointer;
}

.typec_con.fircbut {
    margin-left: 53px;
}

img.typec_img {
    /*position: absolute;*/
    width: 100%;
    /*left: 0%;*/
    /*top: 0%;*/
    /*height: 65%;*/
}

.typec_text {
    color: #265257;
    font-size: 20px;
    position: absolute;
    width: 100%;
    /*background: #d3e8eb;*/
    bottom: 0px;
    height: 35px;
    line-height: 35px;
    /*border-radius: 5px;*/
}

.haleport {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    /*height: 360px;*/
}

.inf_list.halfcon {
    width: 563px;
    float: left;
}

.inf_list.halfcon .rig_dody {
    width: 486px;
}

.rig_by_l.halfdiv {
    width: 90%;
    margin-left: 20px;
}

.inf_list.halfcon.firhalf {
    margin-right: 74px;
}

.i_service.haleser {
    /*background: #eaf3f9;*/
    /*padding-top: 38px;*/
    /* padding-bottom: 38px; */
}

.tab &gt; div {
    /* display: none; */
    clear: both;
    height: 200px;
    background: #eee;
}

.tabs .horizontal {
    margin: 0px;
    margin-bottom: 12px;
    width: 100%;
    padding: 0px;
    height: 52px;
}

.tabs .horizontal li {
    float: left;
    list-style: none;
    height: 50px;
    line-height: 50px;
    width: 25%;
    text-align: center;
    cursor: pointer;
    border: solid 1px #1e5664;
    border-left: solid 0px;
    font-size: 20px;
    box-sizing: border-box;
}

.tabs .horizontal li:not(:first-child) {
    margin-left: 0px;
}

.tabs .horizontal li.selectActive {
    border-bottom: solid 1px #1e5664;
    background-color: #1e5665;
    color: white;
}

div#tabs {
    /*width: 1053px;*/
    /*margin-left: 45px;*/
    /* background: #fff; */
}

.tabs .horizontal li:first-child {
    border-left: solid 1px;
}

.tab_list {
    margin: 0 auto;
    width: 1064px;
    height: 250px;
    position: relative;
}

.tab_list p.PP {
    width: 510px;
    height: 50px;
    font-size: 16px;
    color: #333;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 300px;
}

#four_flash {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0pc;
    margin-left: 2px;
}

#four_flash .flashBg {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

#four_flash .flashBg ul.mobile {
    width: 2000%;
    height: 400px;
    position: absolute;
    top: 15;
    left: 0;
}

#four_flash .flashBg ul.mobile li {
    border: 0px solid #dadce3;
    float: left;
    width: 266px;
    height: 200px;
    margin-left: 0px;
    cursor: pointer;
    padding-top: 0px;
    color: #6C6E85;
}

#four_flash .flashBg ul.mobile li:hover {
    border: 0px solid #535353;
    color: #999;
}

#four_flash .flashBg ul.mobile li img {
    width: 248px;
    height: 192px;
    display: block;
    margin: 0 auto;
    border: 0px solid #dadce3;
    border-radius: 0px;
    margin-right: 52px;
}

#four_flash .flashBg ul.mobile li dd {
    font-size: 20px;
    width: 250px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #dadce3;
}

#four_flash .flashBg ul.mobile li p {
    font-size: 16px;
    text-align: center;
    width: 250px;
    line-height: 24px;
    margin-top: 10px;
}

/*#four_flash .flashBg ul.mobile li a{display:block;width:31px;height:31px;border:0px;margin:8px auto;}*/

#four_flash .but_left {
    left: 0px;
}

#four_flash .but_right {
    right: 1px;
}

#four_flash .but_left:hover {
    background: #34a592;
}

#four_flash .but_right:hover {
    background: #34a592;
}

.butArr.but_left {
}

.butArr {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 77px;
    background: #1e5664;
    border-radius: 36px;
    cursor: pointer;
}

.butArr img {
    width: 10px;
    margin-top: 9px;
    margin-left: -5px;
}

.butArr.but_right &gt; img {
    margin-left: 7px;
    /* margin-top: 5px; */
}

.arrText {
    color: #fff;
    font-size: 20px;
    margin-top: 8px;
}

ul.rig_by_ul.halfurl.zszxl .rig_by_li_inf {
    width: 400px;
}

ul.rig_by_ul.halfurl.kspxr .rig_by_li_inf {
    width: 400px;
}

.main_image li span {
    position: relative;
}

img.showImage {
    /* position: absolute; */
    width: 1200px;
    height: 467px;
    margin-top: 38px;
}

/*.tabList{*/
/*    overflow: hidden;*/
/*}*/
.education {
    overflow: hidden;
}

.leftInfo {
    width: 50%;
    height: 100%;
    float: left;
}

.rightInfo {
    width: 50%;
    height: 100%;
    float: left;
}

.education_nav {
    overflow: hidden;
    padding-bottom: 20px;
    padding-left: 40px;
}

.nav_left {
    width: 50%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.nav_right {
    width: 100%;
    /*width: calc(50% - 20px);*/
    height: 100%;
    /*padding-left: 20px;*/
    display: flex;
    float: left;
    overflow: hidden;
}

.btnClass {
    padding: 0px 5px;
    /*width: 120px;*/
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #21a6a9;
    border-radius: 4px;
    color: #21a6a9;
    float: left;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
}

.activeBtn {
    background: #21a6a9;
    color: #fff;
}


/* focus */
#focus {
    padding-left: 77px;
    width: 900px
}

.mb-wrapper {
    margin: 0 auto 20px;
    position: relative;
    height: 500px;
    left: 0;
    top: 0
}

.mb-slider, .mb-scroll {
    width: 100%;
    height: 380px;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: 0;
    top: 0
}

.mb-active-slider {
    border-color: #333
}

.mb-slider .mb-panel {
    display: block;
    cursor: pointer;
    float: left;
    list-style: none;
    width: 33%;
    display: flex;
    justify-content: center;
}

.mb-panel a {
    outline: 0
}

.mb-slider .mb-panel.current {
    cursor: auto
}

.mb-inside * {
    max-width: 100%
}

a.mb-scrollButtons {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ace0da;
    position: absolute;
    top: 30%;
    margin-top: -29px;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
    _background: #ace0da;
    display: flex;
    justify-content: center;
    align-items: center;
}

a.mb-scrollButtons.mb-left {
    background-position: left top;
    left: -45px

}

a.mb-scrollButtons.mb-left:before {
    content: url(/r/cms/www/default/images/left1.png);
}

a.mb-scrollButtons.mb-right {
    background-position: right top;
    right: -45px
}

a.mb-scrollButtons.mb-right:before {
    content: url(/r/cms/www/default/images/right1.png);
}

a.mb-scrollButtons.mb-left:hover {
    background-position: left bottom
}

a.mb-scrollButtons.mb-right:hover {
    background-position: right bottom
}

a.mb-scrollButtons.disabled {
    display: none
}

.mb-controls {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 350px;
    left: 560px;
    z-index: 100
}

.mb-controls a {
    color: #666;
    font: 18px/2.2 Georgia, Serif;
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    margin: 0 5px 0 0;
    text-align: center;
    outline: 0
}

.mb-controls a:hover {
    color: black
}

.mb-controls a.current {
    color: #900
}

.main-nav {
    display: block;
    text-align: center;
    border-bottom: 2px solid #a71700;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0
}

.main-nav a {
    text-decoration: none;
    color: #3e63ec;
    font-size: 18px;
    margin: 0 8px
}

.main-nav a:hover {
    color: black;
    border-bottom: 2px solid black
}

.mb-inside img {
    width: 30%
}
.typec_con_image{
    width: 100%;
    /*height: 144px;*/
    /*overflow: hidden;*/
}
.typec_top_img{
    width: 100%;
    height: 144px;
    /*position: absolute;*/
    /*top: 0;*/
    filter: blur(10px);
}
img.typec_img {
    position: absolute;
    width: 100%;
    left: 0%;
    top: 0%;

    /*height: 65%;*/
}

.bodyHidden {
    overflow: hidden;
    /*padding-left: 77px;*/
}

.typec_info {
    width: 100%;
    margin-top: 20px;
    /*height: 20%;*/
    /*position: absolute;*/
    /*bottom: 0px;*/
    /*overflow: hidden;*/
    /*padding: 10px;*/

}

.typec_info_top {
    overflow: hidden;
}

.typec_info_title {
    font-size: 18px;
    color: #000;
    float: left;
    margin-left: 10px;
}

.typec_info_button {
    font-size: 14px;
    color: #fff;
    float: right;
    margin-right: 10px;
    padding: 2px 10px;
    background: #13c5a2;
    border-radius: 5px;
}

.typec_info_bottom {
    padding: 10px 10px 0px 10px;
    text-align: left;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.public_platform {
    width: calc(50% - 20px);
    display: flex;
    height: 56px;
    float: left;
    background: #fff;
    color: #fff;
    /* margin-right: 20px; */
    margin: 5px 10px;
    position: relative;

}

.public_platform_left {
    width: 100%;

}

.public_platform_left img {
    width: 100%;
    height: 100%;
}

.public_platform_right {
    width: 100%;
    font-size: 17px;
    padding: 5px 0px;
    text-align: center;
    /* writing-mode: vertical-lr; */
    /* border-right: 3px solid #0e989b; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: #000 2px 2px 2px;
}

.info_div {
    height: 50%;

}

.border_top {
    position: absolute;
    bottom: 0px;
    /*border-top: 1px solid #13c5a2;*/
}

.border_bottom {
    border-bottom: 1px solid #13c5a2;
}

.tit_one_img {
    position: absolute;
    top: 10px;
    background: #e3f4f5;
}

.tit_two_img {
    position: absolute;
    bottom: -300px;
    background: #e3f4f5;
}

.cname_one {
    position: absolute;
    font-size: 18px;
    left: 34px;
    top: 28px;
    z-index: 999;
    cursor: pointer;
}

.cname_two {
    position: absolute;
    font-size: 18px;
    left: 34px;
    top: 184px;
    z-index: 999;
    cursor: pointer;
}

/*ÂÖ²¥*/
/*@charset "utf-8";*/
/**{padding:0;margin:0;list-style:none;border:none;}*/
/*body{font:normal 12px/normal Verdana, Geneva, sans-serif;}*/
/*a{color:#333;text-decoration:none;}*/

/* drama-poster */
.content {
    height: 335px;
    width: 600px;
    margin: 40px auto 0 auto;
    position: relative;
    overflow: hidden;
}

.drama-poster {
    margin: 10px auto;
    width: 830px;
    height: 335px;
    overflow: hidden;
    position: relative
}

.drama-poster ul {
    width: 10000px
}

.drama-poster li {
    padding: 0 7px
}

.show-poster-3 {
    width: 135px;
    float: left
}

.show-poster-3 .img {
    display: block;
    width: 135px;
    height: 180px
}

.show-poster-3 .title {
    display: none;
    width: 105px;
    height: 42px;
    /*background: url(/r/cms/www/default/images/bg-index-img.png) 0 0 no-repeat;*/
    /*_background: url(/r/cms/www/default/images/bg-index-img2.png) 0 0 no-repeat;*/
    position: absolute;
    color: #fff;
    padding: 138px 15px 0 15px;
    line-height: 1.5;
    top: 0;
}

.show-poster-3 .title:hover {
    color: #fff
}

.drama-poster li.current .title {
    display: block
}

.show-poster-3 .price {
    width: 135px;
    height: 20px;
    display: block;
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.show-poster-3 .arrow {
    display: none;
    position: absolute;
    bottom: 107px;
    width: 135px;
    height: 7px;
    overflow: hidden;
    /*background: url(/r/cms/www/default/images/bg-channel-drama.png) 50% -350px no-repeat*/
}

.current .arrow {
    display: block
}

.show-poster-3 p {
    display: none;
    color: #999;
    line-height: 20px;
    position: absolute;
    width: 447px;
    height: 94px;
    left: 0;
    bottom: 2px;
    border-top: 1px dashed #ccc;
    z-index: 10px;
    padding-top: 10px
}

.show-poster-3 p strong {
    color: #333;
    font-weight: normal;
    text-align: center;
}

.drama-poster li.current p {
    display: block
}

.drama-slide li {
    position: absolute;
    top: 93px
}

.drama-slide li.prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ace0da;
    position: absolute;
    top: 42%;
    margin-top: -29px;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 98px;
}
.drama-slide li.prev:hover{
    background:#13c5a2 ;
}
.drama-slide li.prev:before {
    content: url(/r/cms/www/default/images/left1.png);
}

.drama-slide li.next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ace0da;
    position: absolute;
    top: 42%;
    margin-top: -29px;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 80px;
}
.drama-slide li.next:hover{
    background:#13c5a2 ;
}

.drama-slide li.next:before {
    content: url(/r/cms/www/default/images/right1.png);
}
.float-container {
    position: relative;
    z-index:99999999999999999999;
}

.float-container p {
    text-align: right;
    position: absolute;
    margin: 0;
    top: -25px;
    right: 0;
    cursor: pointer;
}
.float-container{
    width: 200px;
    height: 100px;
}
.float-container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}





</pre></body></html>