body{background-color: #f5f5f5;}
main {background: #e5f3fc;padding: 0 0 100px;overflow: hidden;}

.breadcrumbs{padding-top: 100px;}
.breadcrumbs .top_tle{position: relative;color: #fff;}
.breadcrumbs .top_tle h2{font-size: 50px;font-weight: bold;}
.breadcrumbs .top_tle p{font-size: 20px;margin-top: 10px;}
.gxbtn_box{display: flex;justify-content: center;position: absolute;top: 20px;right: 0;}
.gxbtn_box a{display: block;color: #000;border-radius: 60px;padding: 16px 80px;margin: 0 30px;font-size: 22px;background-image: linear-gradient(to top,#c4e3fb,#fff);}
.gxbtn_box a:hover{background-image: linear-gradient(to top,#00dafe,#00abff);color: #fff;}

.ty_nav{width: 20%;float: left;background: #fff;padding: 40px 0;padding: 40px 40px;}
.ty_nav .ty_nav_img{display: block;width: 40%;margin: 0 auto 20px;}
.ty_nav .ty_nav_img img{display: block;width: 100%;border-radius: 50%;}
.ty_nav .ty_nav_tle{text-align: center;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.ty_nav .ty_nav_cont{font-size: 16px;color: #666;line-height: 26px;}
.ty_nav ul{margin-bottom: 20px;}
.ty_nav ul li{width: 100%;font-size: 18px;margin-bottom: 10px;line-height: 30px;}
.ty_nav ul li i{font-style: normal;font-weight: bold;}

.ty_main{width: 79%;float: right;background-color: #fff;min-height: 400px;padding: 20px 30px;}
.ty_main .gxli{margin-bottom: 20px;}
.ty_main .gxli h3{height: 40px;line-height: 40px;background-color: #f9f9f9;padding: 0 10px;}
.ty_main .gxli h3 .tle{font-size: 20px;vertical-align: middle;}
.ty_main .gxli h3 .status{font-size: 12px;color: #fbb938;border: 1px solid #fbb938;margin-left: 20px;padding: 2px 10px;}
.ty_main .gxli h3 .browse{font-size: 16px;color: #949494;float: right;margin-right: 40px;}
.ty_main .gxli h3 .tle.t2{font-size: 18px;font-weight: bold;}
.ty_main .gxli .gxli_cont{padding: 10px 10px;border: 1px solid #e3e3e3;}
.ty_main .gxli .gxli_cont .gxli_item{font-size: 18px;margin: 10px 0;}
.ty_main .gxli .gxli_cont .gxli_item i{display: inline-block;font-style: normal;}
.ty_main .gxli .gxli_cont .gxli_item span{display: inline-block;}
.ty_main .gxli .gxli_cont.cont_t2{padding: 20px 40px;font-size: 18px;line-height: 36px;}
.ty_main .gxli .gxli_cont.cont_t2 p{margin-bottom: 20px;}
.ty_main .gxli .gxli_cont.cont_t2 img{display: block;margin: 0 auto;max-width: 100%;}
.AddMySubscription{display: none;}
.login_see{cursor: pointer;}
.login_see:hover{color: #e38e0e;}
.browse .visitCount{color: #0139ee;font-weight: bold;}

@media screen and (max-width: 959px) {
    .breadcrumbs .top_tle{padding-bottom: 80px;}
    .gxbtn_box{right: 0;left: 0;top: auto;bottom: 0;}
    .gxbtn_box a{padding: 10px 20px;margin: 0 20px;font-size: 16px;}
    .ty_nav{display: block;width: 100%;padding: 20px;}
    .ty_nav .ty_nav_img{margin-bottom: 10px;}
    .ty_nav .ty_nav_tle{font-size: 20px;margin-bottom: 10px;}
    .ty_nav ul{margin-bottom: 10px;}
    .ty_nav ul li{width: 100%;font-size: 16px;margin-bottom: 6px;line-height: 24px;}
    .ty_main{padding: 20px;}
    .ty_main .gxli h3 .tle{font-size: 18px;}
    .ty_main .gxli h3 .browse{margin-right: 0;}
    .ty_main .gxli .gxli_cont .gxli_item{font-size: 16px;margin: 8px 0;}
    .ty_main .gxli .gxli_cont.cont_t2{padding: 10px;}
    .ty_main .gxli .gxli_cont.cont_t2 p{margin-bottom: 10px;font-size: 16px;line-height: 30px;}

}