.card_slider{overflow: auto; overflow-y: hidden; margin: 0px 13px; white-space: nowrap;}
.card_slider div{white-space: normal;}
.card_slider_box{display: inline-table; width: 250px; margin: 0px 2px 3px 2px;}
.card_slider_box .csb_box{position: relative; background: white; padding: 10px; border-radius: 10px;}
.card_slider_box .csb_box .csb_photo{height: 138px; background-size: 100%;}

.card_slide{width: 100%; display: inline-block; overflow: auto; white-space: nowrap; padding-bottom: 5px;}
.card_slide li{margin: 0px 7.5px; display: inline-block; width: 150px; text-decoration: none; padding: 15px 0px; border-radius: 10px;}
.card_slide.bg1 li{background-image: linear-gradient(to top, #125497, #00c2ff);}
.card_slide.bg2 li{background-image: linear-gradient(to bottom, #03c7d8, #006d79);}
.card_slide li:first-child{margin-left: 0px;}
.card_slide li:last-child{margin-right: 0px;}
.card_slide li .cs_photo{padding-bottom: 138.9%;}

.card_novel .cn_list{margin-top: 15px;}
.card_novel .cn_list .cnl_photo{padding-bottom: 38%; border-radius: 10px;}
.card_novel .cn_list:first-child{margin-top: 0px;}

.card_tree .ct_box{width: 33.3%;}
.card_tree .ct_box .ctb_area{width: 95%; margin-top: 15px;}
.card_tree .ct_box .ctb_area .ctba_photo{padding-bottom: 138.9%;}
.card_tree .ct_box:nth-child(-n+3)  .ctb_area{margin-top: 0px;}
.card_tree .ct_box:nth-child(3n+1) .ctb_area{float: left;}
.card_tree .ct_box:nth-child(3n) .ctb_area{float: right;}

.card_gl{width: 100%; display: inline-block; overflow: auto; white-space: nowrap; padding-bottom: 5px;}
.card_gl li{margin: 0px 7.5px; display: inline-block; width: 150px; text-decoration: none; border-radius: 10px;}
.card_gl li:first-child{margin-left: 0px;}
.card_gl li:last-child{margin-right: 0px;}
.card_gl li .cg_photo{padding-bottom: 138.9%;}

.card_reward{box-shadow: 0px 0px 5px silver; margin-bottom: 15px;}
.card_reward .cr_photo{padding-bottom: 25%; background: silver;}
.card_reward .cr_title{padding: 15px 15px 10px 15px;}
.card_reward .cr_bottom{height: 33px; padding: 0px 15px 15px 15px;}
.card_reward .cr_bottom .crb_point{position: relative; top: 6px;}
.card_reward .cr_bottom .crb_point .crbp_icon{height: 20px; width: 20px; margin-right: 7px; border-radius: 50%; background: red;}
.card_reward .cr_info{padding: 15px 15px 16px 15px; text-align: center;}
.card_reward .cr_info button{margin: 10px 5px 0px 5px;}

.card_game{width: 33.3%; min-height: 150px;}
.card_game .game_box{width: 90%; min-height: 150px;}
.card_game .game_box .photo{padding-bottom: 139%;}