.red{color:#c50819;font-weight: 700;}
.blue{color:#1890ff}

.chaojing_tip{width:calc(100% - 2px);margin:0 auto 20px;overflow:hidden;border: 1px solid #1890ff;padding: 20px 40px;box-sizing: border-box; }
.chaojing_tip p{font-size: 14px;line-height: 26px}
.chaojing_tip p.chaojing_tip_tit{font-size: 16px;color: #1890ff;line-height: 40px;font-weight: 700;}
.chaojing_tip p span{padding: 0 5px}
#backgg{width:100%;margin:0 auto;overflow:hidden;}
#rownum,#content_num{display:none}
.p-wrap{text-align:left;margin:0 auto;width:100%}
.typing-main{width:100%;}
.layui-clear{clear:both}
.typing-info{padding:10px 0;font-size: 16px;margin-bottom: 10px}
.typing-info .item{margin-right:30px}
.typing-info .item .val {color: #f60;}
#favorite a {display: inline-block;margin-top: 3px;border-radius: 16px;line-height: 18px;padding: 0 8px;background-color: #2291f7;color: #fff;}
.p-typingTotal-mobile{display: none}
.p-typing,.p-typingBox,.p-typingInner{position:relative;z-index: 2}
.p-typing{position: relative;display: inline-block;width: 100%}
.p-typingTotal{border:1px solid #ccc;padding:10px;width:150px;background:#fff;z-index: 2;border-radius: 5px;position: fixed}
.p-typingTotal .statusBar{-moz-box-sizing:border-box;box-sizing:border-box;}
.p-tabs-title li,.p-typingTotal .statusBar .clockInfo,.p-typingTotal-h{text-align:center}
.p-typingTotal .statusBar .item{padding:5px 0;font-size: 14px}
.p-typingTotal .ctrlBar .btn .icon,.p-typingTotal .statusBar .icon{width:22px;height:22px;vertical-align:middle}
.p-typingTotal .statusBar .clockInfo .icon{width:72px;height:72px}
.p-text-center{text-align:center!important}
.p-typingTotal .statusBar .item .val{color:#f60}
.p-typingTotal .statusBar .clockInfo .val{font-size:36px;padding-top:10px}
.p-typingTotal .statusBar .item{padding:5px 0}
.p-typingTotal .statusBar .clockInfo{padding-bottom: 15px}
.p-typingTotal .statusBar .item span{vertical-align:middle}
.p-typingTotal .statusBar .item .val{color:#f60}
.p-typingTotal .ctrlBar{margin-top: 5px}
.p-typingTotal .ctrlBar .btn{cursor:pointer}
.p-typingTotal .ctrlBar .btn span{font-size: 14px;}
#Continue span{color:#076E00}

#dazi{width:calc(100% - 192px);float: left;box-sizing: border-box;}
#dazi p{padding: 0;margin: 0}
.p-typingBox{margin:0 auto 10px;background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2),0 0 60px rgba(0,0,0,.06) inset;-moz-box-shadow:0 1px 4px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.06) inset;box-shadow:0 1px 4px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.06) inset}
#dzlx p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:10px;height:50%;width:100%;resize:none;background:0 0;font-size:16px;line-height: 32px;border: 0;box-shadow:none}
#dzlx input{outline:0;box-sizing:border-box;padding:10px;height:50%;width:100%;resize:none;border:0;border-top:1px #ccc dashed;background:0 0;font-size:16px;white-space:nowrap}
.p-typingDo{border: 1px solid #1890ff;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 0 60px rgba(0,0,0,.06) inset;-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.06) inset;box-shadow: 0 1px 4px rgba(11,161,228,.3), 0 0 40px #f7fbff inset;}
#tbox{height:auto;}

.p-typing .show_info_ad{width: calc(100% - 192px)!important;margin: 20px 0 0 0;display: inline-block;}

.typing-result{position: absolute;width: 50%;top: 50%;transform: translate(-50%, -50%);left: 50%;text-align: center;border: 1px solid #ccc;border-radius: 10px; background: #fff;box-shadow:0 1px 4px rgba(0,0,0,.2),0 0 40px rgba(0,0,0,.06);min-height: 300px;padding: 20px 20px;box-sizing: border-box;z-index: 10;display: none}
.typing-result .typing-result-close{position: absolute;top: 10px;right: 10px;cursor:pointer}
.typing-result .typing-result-close .icon{width: 18px;height: 18px;vertical-align: middle;}
.typing-result .title{color:#f60;text-align:center;font-size:16px;padding:10px;margin:10px;background:#faeede;border-radius: 5px;}
.typing-result .title .icon{width:24px;height:24px;margin-right:10px;vertical-align:middle}
.typing-result hr{height: 1px; margin: 10px 0;border: 0;clear: both;border-style:dashed;background-color: #e6e6e6;}
.typing-result .article{padding:10px 20px;text-align:center;font-size:16px}
.typing-result .info{padding:10px 20px;font-size:16px;line-height:32px}
.typing-result .info ul{display: inline-block;position: relative;padding: 0;margin: 0;}
.typing-result .info ul li{width: calc((100% - 20px) / 2);margin-right: 20px;list-style: none;float: left;text-align: left;}
.typing-result .info ul li:nth-child(odd){margin-right: 0}
.layui-layer-btn{line-height:28px;margin:20px 5px 0;}
.layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff;padding:5px 15px;text-decoration: none;border-radius: 5px}
.layui-layer-btn0:hover{text-decoration:underline}
.layer-bg{width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);top: 0;left: 0;display: none;z-index: 5;position: fixed;}

/*list*/

.chaojing_banner img{transform: none;width: 100% !important;height: auto!important;}
.chaojing_xuzhi{width: calc(100% - 2px);margin: 20px auto 20px;overflow: hidden;border: 1px solid #1890ff;padding: 10px 40px;box-sizing: border-box;}
.chaojing_xuzhi .xuzhi_tit{width: 100%;display: block;overflow: hidden;position: relative}
.chaojing_xuzhi h3{font-size: 28px;color: #1890ff;font-weight: 400;line-height: 2;}
.chaojing_xuzhi .openxuzhi{position: absolute;right: 0;top: 50%;transform: translate(0,-50%);font-size: 14px;cursor: pointer}
.chaojing_xuzhi ul{width: 100%;display: inline-block;display: none}
.chaojing_xuzhi li{font-size: 16px;line-height: 26px;color: #404040;}
.chaojing_xuzhi li.bold{font-size: 20px;line-height: 36px;margin-top: 10px;display: inline-block;color: #f60;}
.chaojing_list_area{width: 100%;display: inline-block;margin-top: 20px;}
.chaojing_list_l{float: left;width: 75%;}
.chaojing_list_r{float: right;width: calc(25% - 40px);margin-left: 40px;}
.tit{position:relative;border-bottom:4px solid #e6dcc8;display:block}
.tit h3{display:block;float:left;font-size:28px;border-bottom:4px solid #8c785f;margin-bottom:-4px;position:relative;padding-right:10px;color:#730f23;font-weight:400;height:30px;margin-top:5px}
.tit:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.chaojing-list{overflow:hidden;width:100%;}
.chaojing-list li{float:left;width: calc((100% - 60px) / 4);margin: 0 20px 0 0;}
.chaojing-list li:nth-child(4n){margin-right: 0}
.list-wp{width:100%;margin: 20px 0}
.list-wp .list-img{width: 100%;overflow: hidden;border-radius: 5px;}
.list-wp .list-img img{width: 100%;height: 300px}
.author,.author a,.name,.name a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-size:14px;height: 16px}
.name{font-size:16px;margin:10px 0}
.name,.name a{color:#333}
.chaojing-list .name, .chaojing-list .name a { font-size:18px;line-height: 24px; height: 24px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis }
.name a:hover{color:#B16565}
.desc{font-size:14px;line-height:22px;margin: 5px auto 15px;height: 44px; overflow:hidden;}

#loading{text-align:center;padding:1em;font-size:14px;color:#404040}

/*list-r*/
.rank-list{margin:20px 0 40px}
.rank-list li{position:relative;padding-left:48px;margin:5px 0;height:34px;line-height:34px;overflow:hidden;font-size:16px;}
.rank-list .rank-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rank-list .active{height:100px;padding:15px 2px 15px 48px;background-color:#f5f0e1;border:1px solid #e6dcc8}
.rank-list .active .rank-desc{display:block;line-height:24px;font-size:12px;margin-top:5px}
.rank-list .active .rank-desc a{text-decoration:none;}
.rank-list .active .rank-desc a:hover{color: #333;}
.rank-list .active .cover{display:inline;position:relative;z-index:1;float:left}
.rank-list .active .cover img{height:100%;transform:none}
.rank-list .active .rank-info{float: left;width: calc(100% - 100px);}
.rank-list .active .rank-name{font-size:16px;height:26px;line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rank-list a{color:#333}
.rank-list a:hover{color:#B16565}
.rank-list .cover{display:none;float:left;width:80px;height:100px;margin-right:10px;}
.num,.num1,.num2,.num3,.num4,.num5,.num6,.num7,.num8,.num9,.num10{position:absolute;left:10px;top:50%;width:26px;height:18px;margin-top:-9px;display:inline;background-image: url(../images/Book/book-spr.png);background-repeat: no-repeat;}
.num1{background-position:-350px 0}
.num2{background-position:-350px -34px}
.num3{background-position:-350px -68px}
.num4{background-position:-350px -102px}
.num5{background-position:-350px -136px}
.num6{background-position:-350px -170px}
.num7{background-position:-350px -204px}
.num8{background-position:-350px -238px}
.num9{background-position:-350px -272px}
.num10{background-position:-350px -306px}
.active .num1{background-position:-324px 0}
.blk4{margin-top:15px;font-size:14px}
.contact .bar-con{font-size: 14px;padding: 10px 15px 0;color: #333;}
.contact .gz-con{width:100%;margin: 0 auto;}
.contact .gz-con li{margin-top: 5px;line-height: 24px;border-bottom:0;height: 24px}
.contact .gz-con .icon{vertical-align: middle;margin-right: 10px;}
.contact .erweima{text-align: center;margin:25px auto 15px;}
.contact .erweima img{width: 125px;height: 125px;margin: 0 auto 15px;display: block;transform:none}
.ad_swiper_simple{width: calc(100% - 2px)!important;display: inline-block;position: relative;overflow: hidden;border: 1px solid #e6e6e6;}
.ad_swiper_simple ul{width: 100% !important;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;
	display: flex;}
.ad_swiper_simple ul li{width: 100%!important;margin: 0;float: left;overflow: hidden;flex:0 0 auto;display:inline-block}
.ad_swiper_simple ul li span{font-size: 12px;text-align: left;display: inline-block}
.ad_swiper_simple ul li a{border: 0;padding: 0;transition:none;transform: none;}
.ad_swiper_simple ul li a:hover{border: 0;padding: 0;color: #ff4e00}
.ad_swiper_simple ul li .thumb{width: 100% !important;}
.ad_swiper_simple ul li .thumb img{width:100%;border: 0!important;transform: none;padding: 10px;box-sizing: border-box;}
.ad_swiper_simple ul li .tk_info{width: 100%;position: relative;display: inline-block}
.ad_swiper_simple ul li .tk_info .pro_name{font-size: 12px;width:100%;padding: 0 10px 10px;	box-sizing: border-box;text-align:left}
.ad_swiper_simple ul li .tk_info .pro_price{font-size: 16px;color: #000;    padding-left: 10px;}
.ad_swiper_simple .swiper-pagination{width: auto!important;	right: 10px!important;left: auto!important;bottom: 10px!important;top:auto!important;display:block;padding-right: 0!important;}
.ad_swiper_simple .swiper-pagination span{display: inline-block;width: 8px;height: 8px;padding: 0}
.ad_swiper_simple .swiper-pagination .swiper-pagination-bullet{background: url(../images/taoke/taoke-icon-8-8.jpg) no-repeat;}
.ad_swiper_simple .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/taoke/taoke-icon-hover-8-8.jpg) no-repeat;}

.list_taoke_ad{width: 100%;margin: 0 auto;display: inline-block;position: relative;overflow: hidden}

@media all and (max-width:1024px){
	.list-wp .list-img img {height: 240px;}
	.num, .num1, .num2, .num3, .num4, .num5, .num6, .num7, .num8, .num9, .num10{width: 18px;height: 13px;margin-top: -6px;background-size: 263px 225px}
	.num1{background-position:-245px 0}
	.num2{background-position:-245px -24px}
	.num3{background-position:-245px -48px}
	.num4{background-position:-245px -72px}
	.num5{background-position:-245px -95px}
	.num6{background-position:-245px -119px}
	.num7{background-position:-245px -143px}
	.num8{background-position:-245px -116.5px}
	.num9{background-position:-245px -190.5px}
	.num10{background-position:-245px -214px}
	.active .num1{background-position:-227px 0}
	.active .num2{background-position:-227px -24px}
	.active .num3{background-position:-227px -48px}
	.active .num4{background-position:-227px -72px}
	.active .num5{background-position:-227px -95px}
	.active .num6{background-position:-227px -119px}
	.active .num7{background-position:-227px -143px}
	.active .num8{background-position:-227px -116.5px}
	.active .num9{background-position:-227px -190.5px}
	.active .num10{background-position:-227px -214px}
	.rank-list .active{padding: 10px 2px 10px 35px;height: 80px}
	.rank-list .cover{width: 60px;height: 80px;overflow: hidden}
	.rank-list .cover img{width: 100% !important;height: auto!important}
	.rank-list .active .rank-name{font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
	.rank-info{height: 80px}
	.rank-desc{font-size: 12px}
}
@media all and (max-width:1023px){
	.chaojing_tip{margin-top: 20px}
	.mobile-nav{display: none}
	.typing-info span{margin-bottom: 10px}
	.typing-info .item{display: inline-block;}
	#favorite a{font-size: 14px}
	#dazi{width: 100%}
	.toolbar-wrap{width: 0!important}
	.toolbar{width: 0!important}
	.p-typing .show_info_ad{width: 100%!important}
	.chaojing_list_l{width: 100%}
	.chaojing_list_r{width: 100%}
	.chaojing_list_r .part4{display:none}
	.rank-list li{width:calc((100% - 60px) / 4);float:left;margin: 0 20px 20px 0;box-sizing:border-box;height:auto;padding-left:0}
	.rank-list li s{display:none}
	.rank-list li:nth-child(4n){margin-right:0}
	.rank-list li:nth-child(9),.rank-list li:nth-child(10){display:none}
	.rank-list .rank-name{margin-top:10px}
	.rank-list .active{background:#fff;border:0;height:auto;padding:0}
	.rank-list .active .rank-name{font-size:16px}
	.rank-list .cover,.rank-list .active .cover{display:inline-block;width: 100%;height: auto;margin:0}
	.rank-info,.rank-list .active .rank-info{height:auto;width:100%;display: inline-block;}
	.rank-desc,.rank-list .active .rank-desc{width:100%;display:inline-block}
	.rank-list .rank-desc,.rank-list .active .rank-desc{line-height:24px}
}
@media all and (max-width:812px){
	.p-typingTotal-mobile{position:fixed;top:50%;right:0;transform:translate(0,-50%);width:24px;line-height:24px;letter-spacing:2px;height:80px;background:#4d95dc;color:#fff;text-align:center;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;writing-mode:tb-rl;display:block;border-radius:3px 0 0 3px;transition:left linear .3s;z-index:99}
	.p-typingTotal-mobile:hover{color: #fff;text-decoration: none}
	.p-typingTotal-mobile:link{color: #fff;text-decoration: none}
	.p-typingTotal{top: calc(50% + 1.5em);transform: translate(0,-50%);right: -172px;width: 130px;}
	.p-typingTotal .statusBar .clockInfo .icon{width: 48px;height: 48px}
	.p-typingTotal .statusBar .clockInfo .val{font-size: 24px;}
}
@media all and (max-width:480px) {
	.chaojing_xuzhi{padding: 10px 10px;margin: 20px auto 0;}
	.chaojing_xuzhi h3{font-size: 24px}
	.chaojing_tip{padding: 15px 15px;}
	.tit h3{font-size: 24px}
	.chaojing-list li{width: calc((100% - 20px) / 2)}
	.chaojing-list li:nth-child(2n){margin-right: 0}
	.chaojing-list .name, .chaojing-list .name a{font-size: 16px}
	.typing-info .item{width: 100%;margin-right: 0 }
	.typing-info span.tip{width: 100%;margin-bottom: 10px;display: inline-block}
	.typing-result{width: calc(100% - 20px);}
	.typing-result .info ul li{width: 100%;margin-right: 0}
	
	.rank-list li{width:calc((100% - 20px) / 2);}
	.rank-list li:nth-child(2n){margin-right:0}
}