﻿html,body,div,ul,ol,li,p,a,span,h1,h2,h3,h4,h5,h6,img,br,hr,table,tr,td,dl,dt,dd,form {
	margin: 0;padding: 0;}
body {font-family:"微软雅黑";}
ul,ol,li {list-style: none;}
img {
	border: none;
	/*禁止弹出复制粘贴*/
	-webkit-user-select:none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*-webkit-touch-callout:none;*/

}
/*一般链接*/
a {text-decoration: none;color:#555;}
a:hover {text-decoration: none;color:none;}
a:visited{text-decoration: none;color:none;}


/*防止页面闪动*/
body{
	/*visibility:hidden;*/
}



.wrap{
	background-color: #fff;
	width: 100%;
	height: 100%;
	color: rgb(83,83,83);
}
.clear{overflow: hidden;}
.fl{float:left;}
.fr{float:right;}
.box{
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
html,body{width: 100%;height: 100%;
	background-color:#f6f7f9;
	/*overflow-x: hidden;*/
	-webkit-overflow-scrolling:touch;
}
.mb{
	margin-bottom: 0.3125rem
}
.bw{
	background-color:#ffffff;
}
.bg{
	height: 0.3125rem;
	background-color: #f6f7f9;
}
header,footer{
	margin:0;
	padding:0;
}

/*主页头部*/
header{
	width:100%;
	/*height:1.375rem;*/
	border-bottom:1px solid #d7d7d7;
	padding: 0 0.234375rem;
	background-color: #fff;
}

header .head_classification .activite{
	background-color:#ff5c4d;
	color:#fff;
}
.activite{
	background-color:#ff5c4d;
	color:#fff;
}

/*首页头部*/
.newhead {
    width: 100%;
    height: 1.5rem;
}
.newhead .head_wrap {
    width: 100%;
    height: 1.5rem;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.newhead .head_title {
    height: 1.5rem;
    line-height: 0.78125rem;
    position: absolute;
    top:0;
    left: 0
}
.newhead .head_title span {
    height: 1.5rem;
    line-height:1.5rem;
    margin-left: 0.078125rem;
    font-size:0.375rem;
    font-weight: 600;
    float:left;
}
.newhead .head_title_img {
    width: 0.6rem;
    height: 0.6rem;
    float: left;
    margin-top: 0.45rem;
    background: url(/static/images/logo.png) no-repeat;
    background-size: 100% 100%;
}
header .head_classification{
	width:5.0rem;
	height:0.703125rem;
	margin:0.38rem auto;
	float: none;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	padding-left: 0.9rem;
}

header .head_classification a{
	width:1.5rem;
	height:0.671875rem;
	line-height:0.671875rem;
	text-align: center;
	font-size: 0.375rem;
	color:#ea5b4d;
	border:1px solid #ea5b4d;
	
}
header .head_classification a:nth-child(1){
	border-radius: 0.0625rem 0 0 0.0625rem;
}
header .head_classification a:nth-child(2){
	float: left;
	border-radius:0 0.0625rem 0.0625rem 0;
}
header .prsonal_center{
	height: 100%;
	text-align: right;
	position: absolute;
	top:0;
	right: 0;
}
header .prsonal_center a{
	display: block;
	width:0.5rem;
	height: 0.5rem;
	margin-top:0.5rem;
	float:right;
}
header .bookcasea{
	background: url(/static/images/logo_bookcase.png) no-repeat;
	background-size:100%;
}
header .homea{
	background: url(/static/images/logo_singal.png) no-repeat;
	background-size:100%;
	margin-right:0.46875rem;
}






/*正文头部*/
.common_detail{
	height: 1.25rem;
	padding: 0 0.234375rem;
	position: relative;
}
.common_detail .back{
	/*width:19%;*/
	/*float: left;*/
	height: 0.5rem;
	/*vertical-align: middle;*/
	/*margin-top: 0.03rem;*/
	position: absolute;
	top:0.375rem;
	left:0.234375rem;
}
.common_detail a img{
	height: 0.46875rem;
	float: left;
}
.common_detail p{
	width: 60%;
	height: 0.5rem;
	line-height: 0.55rem;
	overflow: hidden;
	text-align: center;
	font-size: 0.46875rem;
	margin:0.375rem auto 0;
}
.common_detail div{
	/*width:20%;*/
	height: 0.5rem;
	position: absolute;
	top:0.355rem;
	right:0.234375rem;
	overflow: hidden;
}
.common_detail div a{
	height: 0.46875rem;
	float: right;
	margin-right:0.46875rem;
}

.common_detail div a:nth-child(1){
	margin-right: 0;
	float: right;
}


/*红色标题*/
.common_title{
	height:0.625rem;
	line-height:0.625rem;
	font-size:0.46875rem;
	font-weight: 400;
	background: url(/static/images/red_line.png) no-repeat;
	background-size:0.15625rem 100%;
	padding-left:0.3125rem;
}




/*底部*/
footer{
	width: 100%;
	/*padding:0.46875rem 4.6875% 0.78125rem;*/
   padding: 0.2rem 4.6875% 0.78125rem;
}
footer .download{
	width:100%;
	margin: 0 auto;
    margin-top:0.3rem;
}
footer .download a{
	display: block;
	width: 100%;
	height: 0.9375rem;
	line-height: 0.9375rem;
	text-align: center;
	font-size: 0.46875rem;
	color:#ff5c4d;
	border:1px solid #d9d9d9;
	border-radius: 0.15625rem;
}
footer .download a img{
	vertical-align: middle;
	width: 0.328125rem;
	height: 0.484375rem;
	margin-right: 0.3125rem;
	margin-top:-0.078125rem;
}
footer .footer_title{
	font-weight: 500;
	font-size:0.375rem;
	margin: 0.325rem 0 0.3125rem 0;
}
footer .footer_message .f_m_left{
	max-width:60%;
	line-height: 0.5rem;
}
footer .footer_message div p span{
	display: block;
	font-size: 0.34375rem;
	color:#999999;
	margin-bottom:0.15rem;
}
footer .footer_message .f_m_right{
	max-width:40%;
	text-align: center;
	/*overflow: hidden;*/
}
footer .footer_message .f_m_right img {
	/*width:2.5rem;*/
	width:120px;
	height:120px;
	/*width: 100%;*/
}


/*法律信息备注*/
footer .legislation_note{
	text-align: center;
	margin-top: 0.6875rem;
	color: #bfbfbf;
	font-size: 0.28125rem;
}
footer .legislation_note img{
	width:1.5625rem;
	height:0.625rem;
	margin-top: 0.3125rem;
}



/*公共部分 书本横向展示列表·*/
.free_book{
	overflow: hidden;
}

.free_book li{
	width:23.33%;
	margin:0.3125rem 5%;
	float: left;
}
.free_book li a{
	display: block;
	font-size: 0.375rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

.free_book li a img{
	width:2.15625rem;
	height:3.0rem;
	margin-bottom: 0.15625rem;
	-webkit-box-shadow:0.078125rem 0.078125rem 0.078125rem #e1e1e1;
	-moz-box-shadow:0.078125rem 0.078125rem 0.078125rem  #e1e1e1;
	box-shadow: 0.078125rem 0.078125rem 0.078125rem #e1e1e1;
}

/*限时免费*/
.Limited_time_free{
	padding:0.46875rem 0 0.234375rem;
}
.Limited_time_free .common_title span{
	display: inline-block;
	width: 0.375rem;
	height: 0.375rem;
	font-size: 0.28125rem;
	line-height: 0.375rem;
	text-align: center;
	color:#ffffff;
	background: #000000;
	vertical-align: middle;
	border-radius: 0.03125rem;
	margin-top: -0.098125rem;
	margin-right: 0.078125rem;
}

.Limited_time_free .common_title span:nth-child(1){
	background: #ed424b;
}

/*热门推荐*/
.recommended_detail{
	display: block;
	padding:0 0.3125rem;
	margin-top: 0.3125rem;
}
.Editor_pushing .recommended_detail{
	border-bottom:1px solid #f0f1f2;
	padding-bottom: 0.15625rem;
}
.Editor_pushing ul li:last-child .recommended_detail{
	border:none;
}
.recommended_detail .r_d_l {
	width:2.234375rem;
	height:3.078125rem;
	position: relative;
	float: left;
	margin-right: 0.3125rem;
}
.recommended_detail .r_d_l img{
	width:2.15625rem;
	height:3.0rem;
	-webkit-box-shadow: 0.078125rem 0.078125rem 0.078125rem #e1e1e1;
	-moz-box-shadow:0.078125rem 0.078125rem 0.078125rem #e1e1e1;
	box-shadow: 0.078125rem 0.078125rem 0.078125rem #e1e1e1;
}
.recommended_detail .r_d_r{
	/*width:73%;*/
	padding-bottom: 0.15625rem;
	/*margin-left:0.3125rem;*/
	overflow:hidden;
}
.r_d_r_title {
    max-width: 80%;
	/*height:0.546875rem;
	line-height: 0.546875rem;*/
	/*font-size: 0.46875rem;*/
	/*margin:0.078125rem 0 0.15625rem;*/
	overflow: hidden;
    /*white-space: nowrap;
	text-overflow: ellipsis; */
    height: 0.546875rem;
    font-size: 0.46875rem;
    color: #6e6e6e;
    margin: 0.15625rem 0 0.1rem;
    line-height: 0.546875rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.r_d_r_title span:nth-child(1) {
   float:left;
    max-width:80%;
    height: 0.546875rem;
    line-height:0.546875rem;
    overflow: hidden;
   
}
    .r_d_r_title .listening {
    display: inline-block;
    width: 0.390625rem;
    height: 0.390625rem;
    text-align: center;
    line-height: 0.390625rem;
    color: #fff;
    font-size: 0.3125rem;
    border-radius: 0.078125rem;
    vertical-align: middle;
    margin-top: -0.15625rem;
    margin-left: 0.15625rem;
     background-color: #ff942b;
    }
    .r_d_r_title .katong {
          display: inline-block;
    width: 0.390625rem;
    height: 0.390625rem;
    text-align: center;
    line-height: 0.390625rem;
    color: #fff;
    font-size: 0.3125rem;
    border-radius: 0.078125rem;
    vertical-align: middle;
    margin-top: -0.15625rem;
    margin-left: 0.15625rem;
      background-color: #29c9c7;
    }
.r_d_r_content {
    font-size: 0.34375rem;
    color: #999999;
    line-height: 0.5rem;
    min-height: 1.5625rem;
    text-align: justify;
    overflow: hidden;
}

.r_d_r_message{
	padding:0.234375rem 0;
	text-align:right;
}

.r_d_r_message span{
	/*display: inline-block;
	min-width: 0.703125rem;
	min-height: 0.375rem;
	margin-left: 0;
	border-radius: 0.046875rem;
	font-size: 0.28125rem;
	padding: 0.012rem 0.078125rem;
	text-align: center;
	vertical-align: middle;*/
        /* display: inline-block; */
    width: auto;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-left: 0;
    border-radius: 0.046875rem;
    font-size: 0.28125rem;
    text-align: center;
    vertical-align: middle;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
.r_d_r_message span:nth-child(1){
	color:#999999;
	border:1px solid #999999;
}
.r_d_r_message span:nth-child(2){
	color:#fc5e50;
	border:1px solid #fc5e50;
}
.r_d_r_message span:nth-child(3){
	color:#08b295;
	border:1px solid #08b295;
}


/*detail 页小标题公共*/
.total_title{
	font-size:0.46875rem;
	padding:0  0.3125rem;
	height: 1.09375rem;
	line-height: 1.09375rem;
	border-bottom:1px solid #f0f1f2;
}


/*detail 页底部跳转按钮公共*/
.More_chapters {
	display: block;
	height: 0.9375rem;
	line-height: 0.9375rem;
	color: #ff5c4d;
	font-size: 0.40625rem;
	text-align: center;
}
.More_chapters:visited {
	color: #ff5c4d;
}


/*书架页面*/
/*tab切换*/
.bookcase_detail{

}
.directory_tab{
	/*display: flex;
	justify-content: space-between;*/
	padding: 0 1.671875rem;
	/*align-items: center;*/
	border-bottom:1px solid #e3e3e3;
	overflow: hidden;
}
.directory_tab span{
	display: block;
	/*width:20%;*/
	width: auto;
	height: 1.1875rem;
	line-height: 1.1875rem;
	text-align: center;
	font-size: 0.4375rem;
}
.directory_tab .tab_second{
	/*margin: 0 25%;*/
	position: absolute;
	left: 50%;
	margin-left:-0.59375rem;
}

.tabactivity{
	color:#ff5c4d;
	border-bottom:1px solid #ff5c4d;
}
.bbr{
	border-bottom:1px solid transparent;
}
.textcolor{
	color: #ff5c4d;
}
/*换页*/
.Turn_page{
	height: 1.84375rem;
	padding:0.5rem  0.3125rem 0;
}

.Turn_page div{
	width:30%;
	height: 0.84375rem;
	line-height: 0.84375rem;
	font-size: 0.4375rem;
	border-radius: 0.046875rem;
	background-color: #fff;
	border:1px solid #d9d9d9;
	text-align: center;
}

.Turn_page .page_num{
	position:relative;
	margin: 0 5%;
}

.Turn_page .page_num .down{
	width: 0.3125rem;
	height: 0.3125rem;
}

.Turn_page .page_num select{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width:100%;
	height:100%;
	opacity:0;
}

.Turn_page .page_num select option{
	display:block;
	height: 0.78125rem;
	font-size:0.46875rem;
	padding-top:0.3125rem;
}

.Turn_page .previous_page{
	color: #d9d9d9;
	text-align: center;
}
.Turn_page .next_page{
	text-align: center;
}

.Turn_page .choose_num{
	color:#ff5c4d;
}

/*出错了*/

.error_wrap{
	text-align: center;
	padding-top: 3.90625rem;
}
.error_wrap>img{
	width: 2.96875rem;
	height: 2.34375rem;
	margin-bottom: 0.625rem;
}

.error_wrap .error_title{
	font-size:0.546875rem;

}
.error_wrap .error_warm{
	font-size: 0.390625rem;
	color:#b2b2b2;
	margin:0.3125rem 0 0.78125rem;
}

.error_wrap a{
	width:2.734375rem;
	height: 0.96875rem;
	line-height:  0.96875rem;
	display: inline-block;
	text-align: center;
	margin:0 0.78125rem;
	border:1px solid #ff5c4d;
	border-radius: 0.15625rem;
	font-size:0.40625rem;
	margin-bottom: 0.46875rem;
	color: #ff5c4d;
}

.error_wrap a img{
	height:0.40625rem;
	margin-right: 0.15625rem;
	vertical-align: middle;
	margin-top: -0.078125rem;
}


/*提示弹框*/
.small_tip{
	width:4.6875rem;
	height:1.25rem;
	line-height: 1.25rem;
	text-align: center;
	font-size: 0.4375rem;
	background:rgba(0,0,0,0.5);
	position: fixed;
	top: 35%;
	margin-left:-2.34375rem;
	left: 50%;
	border-radius:0.15625rem;
	color: #fff;
	display: none;
}




/*余额不足时，提示框*/
.Prompt_top_up{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index:100;
	min-height: 5.859375rem;
	background-color: #fff;
	padding: 0 0.3125rem;
	display: none;
}

.Prompt_top_up>img{
	height: 0.3125rem;
	margin-top: 0.3125rem;
	margin-right: 0.3125rem;
}
.Prompt_top_up p{
	font-size: 0.375rem;
	margin: 0.234375rem 0;
	color:#666;
}
.Prompt_top_up .book_name{
	margin: 0.46875rem 0 0.15625rem;
	font-size: 0.40625rem;
	color: #ff5c4d;
}
.old_price  span{
	text-decoration:line-through;
}

.price_num{
	color: #ff5c4d;
}




/*书架确认删除*/
.dele_sure{
	position: fixed;
	top: 30%;
	background:lightgray;
	width: 70%;
	height:3.125rem;
	border-radius: 0.15625rem;
	left: 50%;
	margin-left: -35%;
	text-align: center;
	font-size:0.40625rem;
	/*padding-top:0.78125rem;*/
	display: none;
	z-index: 100;
	background-color: #fff;
}
.dele_sure p{
	height:1.875rem;
	line-height:1.875rem;
	border-bottom:1px solid #ccc;
	font-size:0.5rem;
}
.dele_sure span{
	display: inline-block;
	width:30%;
	height:1.09375rem;
	line-height:1.09375rem;
	margin:0 7.5%;

}
.dele_sure .dele_sure_no{
	color:#ccc;
}
.dele_sure .dele_sure_yes{
	color: #ff5c4d;
}

/*弹窗*/
.mask{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	background:rgba(0,0,0,0.5);
	z-index: 10;
	display: none;
}






/*购买全本下的文字*/
.buy_complete_des{
	text-align: center;
	/*padding:0 0.3125rem 0.296875rem;*/
	padding:0 0.3125rem 0;
	color:#b3b3b3;
    
}

.buy_complete_des p{
	text-align: left;
	margin-left: 0 auto;
	/*margin-bottom: 0.234375rem;*/
	margin-top: 0.1rem;
	font-size:0.3125rem;
}
.olcircle{
	display: inline-block;
	/*width:0.15625rem;
	height: 0.15625rem;*/
	width: 0.1rem;
	height: 0.1rem;
	border-radius: 50%;
	background-color:#b3b3b3;
	margin-right: 0.15625rem;
	vertical-align: middle;
	margin-top: -0.1rem;
}



/*评论区无评论*/
.no_Review{
	text-align: center;
	font-size: 0.375rem;
	padding:0.78125rem 0;
	background-color: #fff;
	color:#c2c7ce;
}
.no_Review img{
	width: 0.9375rem;
	height: 1.25rem;
	margin-bottom:0.3125rem;
}

.comictxt{
	color:#fff;
}
.txtcolor{
	color: #b3b3b3;
}


.comic_introduction .go_read{
	background-color: transparent;
}

/*详情页 按钮样式*/

/*1个按钮*/
.btnnumOne{
	overflow: hidden;
}
.btnnumOne a{
	width: 90%;
	margin: 0 auto;
}
/*2个按钮*/
.btnnumTow{
	overflow: hidden;
	padding: 0.3125rem 0.3125rem  0.300625rem ;
}

.btnnumTow a{
	width:45%;
}
.btnnumTow a:nth-child(1){
	float: left;
}
.btnnumTow a:nth-child(2){
	float:right;
}

/*3个按钮*/
.btnnumThree{
	overflow: hidden;
	padding: 0.3125rem  0.3125rem 0.300625rem;
}

.btnnumThree a{
	width:29%;
}

.btnnumThree a:nth-child(1){
	float: left;
}
.btnnumThree a:nth-child(2){
	float: left;
	/*margin:0 5%;*/
    margin:0 6%;
}
.btnnumThree a:nth-child(3){
	/*float: right;*/
    float:left;
}


/*标题-小标颜色*/

/*听书 黄色底*/
.listening {
	background-color: #ff942b;
}
/*漫画 蓝色底*/
.katong {
	background-color: #29c9c7;
}





/*已读过页面tab切换加上a标签*/
.directory_tab a{
	display: block;
	width: 100%;
	height:100%;
}


.has_reading .directory_tab {
    border:none;
}
.has_reading {
margin-bottom: 0.3rem;
}




/*公安号*/



/*签到提示*/

.signIn{
	position:fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
}
.signInMask{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	background-color:black;
	opacity:0.5;
}


.signIn .signInWrap{
	width:7.03125rem;
	/*height:4.6875rem;*/
	border-radius:0.15625rem;
	background-color: #fff;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -3.515625rem;
	margin-top:-2.34375rem;
	z-index:  99999999;
}

.signIn .signInWrap .signIntitle{
	width:80%;
	height: 0.859375rem;
	margin:0.234375rem auto 0.546875rem;
	background: url('/static/images/sign.png') no-repeat left top;
	background-size: 100% 100%;
	text-align: center;
	color:#fff;
	font-size:0.46875rem;
}

.signIn .signInWrap .signInContent{
	text-align:center;
	font-size:0.40625rem;
	line-height: 1.5;
	color:#646464;
	border-bottom: 1px solid #e4e4e4;
	
	padding: 0  0.3125rem  0.390625rem;
}
.signIn .signInWrap .signInContent p span{
color:#ff5b4c;
}
.signIn .signInWrap a{
	display: block;
	text-align: center;
	color:#ff5b4c;
	padding:0.390625rem 0;
	font-size: 0.46875rem;
	text-decoration: none;
}





/*活动弹窗*/

/*.showActivity{
	position:fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index:  99999999;
	
}

.showActivity .signInWrap{
	position: relative;
	width:100%;
	height: 100%;
	background-color: transparent;
	z-index: 999999999;
}
.showActivity .signInWrap .activitywrap{
	width:7.0rem;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	
	overflow: hidden;
	
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.showActivity .signInWrap a{
	display: block;
	width:100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 1.09375rem;
}

.showActivity .signInWrap a img{
	width:90%;
	
}
.showActivity .signInWrap .signKnow{
	position: absolute;
	top:0;
	right:0;
	width:0.9375rem;
	height: 0.9375rem;
	z-index: 9999999999;
	float: left;
}*/



@font-face {
  font-family: 'iconfont2';  /* project id 1321682 */
  src: url('//at.alicdn.com/t/font_1321682_l1t5axc290f.eot');
  src: url('../fonts/font_1321682_l1t5axc290f.eot') format('embedded-opentype'),
  url('../fonts/font_1321682_l1t5axc290f.woff2') format('woff2'),
  url('../fonts/font_1321682_l1t5axc290f.woff') format('woff'),
  url('../fonts/font_1321682_l1t5axc290f.ttf') format('truetype'),
  url('../fonts/font_1321682_l1t5axc290f.svg#iconfont') format('svg');
}
/* 弹出层 */
.fch_footer .icon,.fch_header .icon,.fch_readMode .icon{font-family:iconfont2;font-style:normal}
.fch_footer,.fch_header,.fch_settingBox{position:fixed;width:100%;background:rgba(0,0,0,.8);transition:all .3s ease;z-index:9999}
.fch_header{height:1.44rem;line-height:1.44rem;top:-1.44rem;color:#fff}
.fch_header .novel_name{font-size:.373rem}
.fch_header .novel_name .icon{font-size:.533rem;vertical-align:bottom}
.fch_header a{color:#fff}
.fch_header .novel_nav{font-size:.533rem;margin-right:.267rem}
.fch_footer{height:1.6rem;bottom:-1.6rem}
.fch_footer .item{display:block;float:left;width:25%;text-align:center;color:#fff;font-size:.32rem;padding-top:.267rem}
.fch_footer .item .icon{display:block;font-size:.533rem;font-weight:100}
.fch_footer .item b{display:block;font-weight:100;margin-top:.107rem}
.fch_settingBox{bottom:-3.467rem;height:3.467rem}
.fch_settingBox .fontsize_box{overflow:hidden}
.fch_settingBox .fontsize_box span{float:left;display:inline-block;width:2.4rem;height:.853rem;line-height:.853rem;color:#fff;text-align:center;font-size:.373rem;border-radius:.107rem;border:1px solid #fff;margin:.4rem 0 0 .4rem}
.fch_settingBox .color_T span{float:left;display:inline-block;width:.853rem;height:.853rem;border:1px solid #fff;border-radius:100%;margin:.4rem 0 0 .4rem}
.fch_settingBox .color_T span.on{box-shadow:0 0 0 2px orange}
.fch_settingBox .color_T span.b1{background:#fff}
.fch_settingBox .color_T span.b2{background:#e3ecd0}
.fch_settingBox .color_T span.b3{background:#eece9c}
.fch_settingBox .color_T span.b4{background:#000}

