.c-right{ width: 970px; float: right;}
.c-03book .mt .c-ping{ float: right;}
.c-03book .mt .c-ping dl{ overflow: hidden; float: left; margin-top: 18px; margin-left: 8px;}
.c-03book .mt .c-ping dd{ width: 18px; height: 16px; background: url(../img/star-hover.png) no-repeat; float: left; cursor: pointer;}
.c-03book .mt .c-ping dd.active{ background: url(../img/star.png) no-repeat;}
.c-03book .mt .c-ping dt{ float: left; font-size: 18px; color: #feac0e; line-height: 16px; margin-left: 8px;}
.c-03book .mt .c-ping .c-tit{ float: left; color: #333333; font-size: 14px; line-height: 54px;}
.c-03book .mt .c-ping .c-btn{ display: block; width: 52px; height: 26px; border-radius: 13px; background: #4c9ff1; font-size: 14px; color: #fff; text-align: center; line-height: 26px; float: left; margin-top: 13px; margin-left: 16px;  padding-right: 0;}
.c-03book .mc{ overflow: hidden; width: 970px; background: #f5f5f5; height: 336px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.c-03book .mc .c-img{ width: 134px; height: 184px; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.c-03book .mc .c-box{ float: left; padding: 76px 59px; background: #fff;}

.c-03book .mc .c-tit{ float: right; width: 690px;}
.c-03book .mc .c-tit .c-t{ padding: 16px 0; overflow: hidden; border-bottom: 1px solid #ededed;}
.c-03book .mc .c-tit .c-t .c-name{ font-size: 18px; color: #333333; float: left;}
.c-03book .mc .c-tit .c-t .c-peo{ float: left; font-size: 14px; color: #323232;}
.c-03book .mc .c-tit .c-t .c-peo i{ color: #d6d6d6; margin: 0 8px 0 11px;}
.c-03book .mc .c-tit .c-t .c-l{ overflow: hidden; width: 320px; float: left;}
.c-03book .mc .c-tit .c-t .c-title{ overflow: hidden;}
.c-03book .mc .c-tit .c-t p{ font-size: 14px; color: #969696; margin-top: 5px;}
.c-03book .mc .c-tit .c-t .c-r{ float: right;}
.c-03book .mc .c-tit .c-t .c-r a{ display: block; float: left; height: 32px; font-size: 14px; color: #fff; line-height: 32px; border-radius: 16px; padding: 0 16px; margin-right: 25px; margin-top: 10px;}
.c-03book .mc .c-tit .c-t .c-r .c-star{ background: #6cb0f3;}
.c-03book .mc .c-tit .c-t .c-r .c-collection{ background: #74dea0;}
.c-03book .mc .c-tit .c-t .c-r .c-download{ background: #ff6364;}
.c-03book .mc .c-tit .c-t .c-r i{ margin-right: 3px;}
.c-03book .mc .c-tit .c-b{ width: 670px; margin-top: 25px;}
.c-03book .mc .c-tit .c-b h1{ font-size: 14px; color: #323232;}
.c-03book .mc .c-tit .c-b p{ font-size: 14px; color: #969696; line-height: 24px; height: 168px; overflow: scroll;}

.c-03book .mb{ width: 930px; padding: 0 20px; height: 680px; margin-top: 19px; background: #f5f5f5; box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
.c-03book .mb .c-t{ height: 54px;}
.c-03book .mb .c-t ul{ overflow: hidden; float: left; position: relative; margin-right: 20px;}
.c-03book .mb .c-t ul:after{ content: ""; position: absolute; right: 0; top: 18px; width: 1px; height: 18px; background: #e3e3e3;}
.c-03book .mb .c-t li{ float: left; position: relative; width: 100px; height: 54px; margin-right: 8px;}
.c-03book .mb .c-t li.active:after{ content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 5px; background: #6cb0f3;}
.c-03book .mb .c-t li a{ display: block; line-height: 54px; font-size: 20px; color: #000000; text-align: center;}
.c-03book .mb .c-t p{ font-size: 12px; color: #969696; float: left; line-height: 54px;}
.c-03book .mb .c-t .c-tishi{ float: right; line-height: 54px; font-size: 18px; color: #000000;}
.c-03book .mb .c-c{ overflow: hidden;}
.c-03book .mb .c-c textarea{ width: 930px; height: 100px; padding: 10px; border: 1px solid #e3e3e3; border-radius: 3px; resize: none; background: #f9f9f9;}
.c-03book .mb .c-c a{ display: block; width: 110px; height: 32px; border-radius: 16px; background: #6cb0f3; text-align: center; line-height: 32px; color: #fff; float: right; font-size: 14px; margin-top: 15px;}
.c-03book .mb .c-b{ border: 1px solid #e3e3e3; border-radius: 3px; width: 928px; height: 412px; overflow-y: auto; overflow-x: hidden; margin-top: 15px;}
.c-03book .mb .c-b ul{ padding: 0 20px;}
.c-03book .mb .c-b li{ border-bottom: 1px solid #ebebeb; overflow: hidden; padding: 20px 0;}
.c-03book .mb .c-b li .c-img{ width: 60px; height: 60px; float: left; border-radius: 30px; overflow: hidden; margin-right: 25px;}
.c-03book .mb .c-b li .c-tit{ width: 783px; padding-right: 20px;}
.c-03book .mb .c-b li .c-tit .c-name{ color: #909090; font-size: 12px;}
.c-03book .mb .c-b li .c-tit .c-name a{ color: #4c9ff1; font-size: 14px; margin-right: 15px;}
.c-03book .mb .c-b li .c-main{ font-size: 14px; color: #323232; line-height: 24px; margin-top: 10px;}

.c-04-nav{ height: 54px; background: #fff;}
.c-04-nav .c-logo{ height: 54px; line-height: 54px; padding-left: 38px; font-size: 24px; color: #ffa800; float: left;}
.c-04-nav .c-logo i{ font-size: 30px; vertical-align: middle; margin-right: 10px;}
.c-04-nav dl{ float: right; overflow: hidden;}
.c-04-nav dd{ float: left; font-size: 14px; color: #333333; line-height: 54px; padding: 0 25px; position: relative;}
.c-04-nav dd:after{ content: ""; position: absolute; right: 0; top: 19px; width: 2px; height: 16px; background: #ebebeb;}
.c-04-nav dd span{ color: #fc1310; margin-left: 5px;}
.c-04-nav dd .c-img{ width: 28px; height: 28px; border-radius: 14px; overflow: hidden; float: left; margin-top: 13px; margin-right: 10px;}
.c-04-nav dd .c-name{ float: left; font-size: 14px; color: #333333; line-height: 54px; max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.c-04-nav dt{ float: left; font-size: 14px; color: #333333; line-height: 54px; padding: 0 10px 0 25px;}

.c-04bookroom{ margin-top: 30px;}
.c-04bookroom .c-left{ width: 230px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); float: left; background: #f5f5f5;}
.c-04bookroom .c-left .mt{ width: 230px; height: 182px; background:#ffa800; overflow: hidden;}
.c-04bookroom .c-left .mt .c-img{ width: 78px; height: 78px; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 3px solid rgba(255,255,255,.3); margin-top: 30px;}
.c-04bookroom .c-left .mt .c-tit{ text-align: center; font-size: 16px; color: #fff; font-weight: bold; margin-top: 20px;}
.c-04bookroom .c-left .mc ul{ margin-top: 26px;}
.c-04bookroom .c-left .mc li{ color: #323232; font-size: 16px; margin-bottom: 10px; position: relative;}
.c-04bookroom .c-left .mc li a{ display: block; padding: 0 20px; line-height: 32px;}
.c-04bookroom .c-left .mc li a i{ font-size: 18px; margin-right: 8px;}
.c-04bookroom .c-left .mc li:hover a{ color: #6cb0f3;}
.c-04bookroom .c-left .mc li:hover:after{ content: ""; position: absolute; left: 0; top: 0; width: 3px; height: 100%; background: #6cb0f3;}
.c-04bookroom .c-right .g-rocommend{ width: 945px; float: right; margin-top: 0; margin-bottom: 25px; min-height: 285px; background: #f5f5f5;}
.c-04bookroom .c-right .g-rocommend ul{ margin-left: 20px;}
.c-04bookroom .c-right .g-rocommend li{ margin-right: 30px; margin-left: 0;}
.c-04bookroom .c-right .g-rocommend li:nth-child(6n){ margin-right: 0;}
.c-04bookroom .c-right .g-rocommend .c-icon{ text-align: center;}
.c-04bookroom .c-right .g-rocommend .c-icon i{ font-size: 80px; color: #cccccc;}
.c-04bookroom .c-right .g-rocommend .c-tit{ text-align: center; font-size: 14px; color: #969696;}

.c-05 .c-activity{ width: 386px; height: 604px; background: #f5f5f5; float: left; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); position: relative;}
.c-05 .c-activity.c-center{ margin: 0 21px;}
.c-huodong{ width: 386px; height: 550px;}
.c-huodong .c-mt{ padding: 0 20px;}
.c-huodong .c-mt .c-img{ width: 346px; height: 150px;}
.c-huodong .c-mt h1{ color: #333333; font-size: 16px; line-height: 24px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0;}
.c-huodong .c-mt dd{ font-size: 14px; line-height: 24px; color: #323232; margin-bottom: 8px;}
.c-huodong .c-mt dd span{ color: #909090;}
.c-huodong .c-mt dd.c-main{ height: 96px; overflow: hidden;}
.c-huodong .c-mt dt{ padding: 12px 0 21px 0;}
.c-huodong .c-mt dt a{ display: block; width: 126px; height: 32px; border-radius: 16px; margin: 0 auto; color: #323232; background: #e6e6e6; line-height: 32px; text-align: center;}
.c-huodong .c-mt dt a:hover{ color: #fff; background: #ffa800;}
.c-huodong .c-mc dl{ overflow: hidden; border-top: 1px solid #e3e3e3; background: #ffa800; height: 80px;}
.c-huodong .c-mc dd{ width: 33.333333%; float: left; height: 90px; text-align: center;}
.c-huodong .c-mc dd .c-img{ height: 15px; }
.c-huodong .c-mc dd .c-img i{ color: #fc1310; font-size: 24px;}
.c-huodong .c-mc dd .c-tit{ color: #fff; font-size: 16px;}
.c-huodong .c-mc dd .c-num{ color: #323232; font-size: 14px;}
.c-huodong .hd{ position: absolute; top: 24px; right: 20px;}
.c-huodong .hd ul{ text-align: center;}
.c-huodong .hd li{ width: 8px; height: 8px; border-radius: 50%; background: #e5e5e5; margin-left: 6px; display: inline-block; cursor: pointer;}
.c-huodong .hd li.on{ background: #ffa800;}
.c-05 .mc{ margin-top: 20px; background: #f5f5f5; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); padding-bottom: 20px;}
.c-05 .mc .c-head ul{ padding: 0 20px; overflow: hidden;}
.c-05 .mc .c-head li{ float: left; position: relative;}
.c-05 .mc .c-head li a{ display: block; padding: 0 15px; height: 60px; line-height: 60px; font-size: 20px; color: #000000;}
.c-05 .mc .c-head li.active:after{ content: ""; position: absolute; top: 0; left: 0; height: 5px; width: 100%; background: #ffa800;}
.c-05 .mc .c-main ul{ padding-left: 20px;}
.c-05 .mc .c-main li{ width: 373px; height: 274px; margin-right: 20px; margin-bottom: 20px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); float: left;}
.c-05 .mc .c-main .c-t{ overflow: hidden;}
.c-05 .mc .c-main .c-t .c-toux{ width: 94px; float: left; margin-top: 59px;}
.c-05 .mc .c-main .c-t .c-toux .c-img{ width: 62px; height: 62px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.c-05 .mc .c-main .c-t .c-toux .c-tit{ text-align: center; font-size: 14px; line-height: 50px; color: #323232;}
.c-05 .mc .c-main .c-title{ width: 266px; float: left;}
.c-05 .mc .c-main .c-title h1 a{ color: #333333; font-size: 16px; font-weight: bold; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; margin-bottom: 10px;}
.c-05 .mc .c-main .c-title p{ font-size: 14px; line-height: 24px; color: #323232; height: 96px; overflow: hidden; margin-bottom: 10px;}
.c-05 .mc .c-main .c-title dl{ overflow: hidden;}
.c-05 .mc .c-main .c-title dt{ float: left; color: #909090; font-size: 14px;}
.c-05 .mc .c-main .c-title dd{ float: right; color: #323232; font-size: 14px; margin-left: 20px;}
.c-05 .mc .c-main .c-title dd i{ color: #6cb0f3; margin-right: 5px;}
.c-05 .mc .c-main  .c-b{ width: 344px; height: 52px; background: #f0f7fe; margin: 20px auto 0 auto;}
.c-05 .mc .c-main  .c-b i{ line-height: 52px; color: #6cb0f3; font-size: 30px; width: 60px; display: block; float: left; text-align: center;}
.c-05 .mc .c-main  .c-b .c-tit{ color: #333333; font-size: 14px; line-height: 52px; width: 264px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.c-05 .bc{ margin-top: 20px; background: #f5f5f5; padding-bottom: 20px;margin-left:55px;}
.c-05 .bc .c-head ul{ padding: 0 20px; overflow: hidden;}
.c-05 .bc .c-head li{ float: left; position: relative;}
.c-05 .bc .c-head li a{ display: block; padding: 0 15px; height: 60px; line-height: 60px; font-size: 20px; color: #000000;}
.c-05 .bc .c-head li.active:after{ content: ""; position: absolute; top: 0; left: 0; height: 5px; width: 100%; background: #6cb0f3;}
.c-05 .bc .c-main ul{ padding-left: 20px;}
.c-05 .bc .c-main li{ width: 373px; height: 204px; margin-right: 20px; margin-bottom: 20px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,.2); float: left;}
.c-05 .bc .c-main .c-t{ overflow: hidden;}
.c-05 .bc .c-main .c-t .c-toux{ width: 94px; float: left; margin-top: 59px;}
.c-05 .bc .c-main .c-t .c-toux .c-img{ width: 62px; height: 62px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.c-05 .bc .c-main .c-t .c-toux .c-tit{ text-align: center; font-size: 14px; line-height: 50px; color: #323232;}
.c-05 .bc .c-main .c-title{ width: 266px; float: left;}
.c-05 .bc .c-main .c-title h1 a{ color: #333333; font-size: 16px; font-weight: bold; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 15px; margin-bottom: 10px;}
.c-05 .bc .c-main .c-title p{ font-size: 14px; line-height: 24px; color: #323232; height: 96px; overflow: hidden; margin-bottom: 10px;}
.c-05 .bc .c-main .c-title dl{ overflow: hidden;}
.c-05 .bc .c-main .c-title dt{ float: left; color: #909090; font-size: 14px;}
.c-05 .bc .c-main .c-title dd{ float: right; color: #323232; font-size: 14px; margin-left: 20px;}
.c-05 .bc .c-main .c-title dd i{ color: #6cb0f3; margin-right: 5px;}
.c-05 .bc .c-main  .c-b{ width: 344px; height: 52px; background: #f0f7fe; margin: 20px auto 0 auto;}
.c-05 .bc .c-main  .c-b i{ line-height: 52px; color: #6cb0f3; font-size: 30px; width: 60px; display: block; float: left; text-align: center;}
.c-05 .bc .c-main  .c-b .c-tit{ color: #333333; font-size: 14px; line-height: 52px; width: 264px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.cc-b{ border: 1px solid #e3e3e3; border-radius: 3px; width: 628px; height: 712px; overflow-y: auto; overflow-x: hidden; margin-top: 15px;}
.cc-b ul{ padding: 0 20px;}
.cc-b li{ border-bottom: 1px solid #ebebeb; overflow: hidden; padding: 20px 0;}
.cc-b li .c-img{ width: 60px; height: 60px; float: left; border-radius: 30px; overflow: hidden; margin-right: 25px;}
.cc-b li .c-titi{ width: 783px; padding-right: 20px;}
.cc-b li .c-titi .c-name{ color: #909090; font-size: 12px;}
.cc-b li .c-titi .c-name a{ color: #4c9ff1; font-size: 14px; margin-right: 15px;}
.cc-b li .c-main{ font-size: 14px; color: #323232; line-height: 24px; margin-top: 10px;}

@media screen and (max-width:980px){
    .c-03book .mt .c-ping .c-btn{font-size:20px;width:62px;}
    .c-03book .mt .c-ping .c-tit{font-size:20px;}
    .c-03book .mc .c-tit .c-t .c-name{font-size:22px;}
    .c-03book .mc .c-tit .c-t .c-peo{font-size:22px;}
    .c-03book .mc .c-tit .c-t .c-r a{font-size:18px;}
    .c-03book .mc .c-tit .c-t p{font-size:20px;}
    .c-03book .mc .c-tit .c-b h1{font-size:20px;}
    .c-03book .mc .c-tit .c-b p{font-size:20px;}
    .c-03book .mb .c-t li a{font-size:24px;}
    .c-03book .mb .c-t p{font-size:20px;}
    .c-03book .mb .c-c a{font-size:20px;}

    .c-04bookroom .c-left .mc li{font-size:22px;}
    .c-04bookroom .c-left .mt .c-tit{font-size:24px;}

    .c-04-nav dd{font-size:22px;}
    .c-04-nav dd .c-name{font-size:22px;max-width: 120px;}
    .c-04-nav dt{font-size:22px;}

    .c-04bookroom .c-right .g-rocommend .c-tit{font-size:22px;}
}