@charset "utf-8";
/*全局*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;color: #4f5157;list-style: none;text-decoration: none;text-align: -webkit-match-parent;vertical-align: baseline;-webkit-font-smoothing: antialiased;}

/*全局 定义flex*/
.flex-use {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
/*全局 四向向居中*/
.flex-ctr {-webkit-justify-content: center;justify-content: center;-moz-box-pack: center;-webkit-box-pack: center;box-pack: center;-webkit-align-items: center;align-items: center;-webkit-box-align: center;-moz-box-align: center;box-align: center;}
/*全局 左上角*/
.flex-lstr {-webkit-box-align: start;-moz-align-items: start;-webkit-align-items: start;align-items: start;}
/*全局 左下角*/
.flex-lend {-webkit-box-align: end;-moz-align-items: flex-end;-webkit-align-items: flex-end;align-items: flex-end;}
/*全局 左且上下居中*/
.flex-lctr {-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: start;-moz-justify-content: start;-webkit-justify-content: start;justify-content: start;}
/*全局 右上角*/
.flex-rend {-webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end  }
/*全局 右且上下居中*/
.flex-rctr {-webkit-box-pack: end;-moz-justify-content: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
/*全局 左右分散居中*/
.flex-lrup {flex-direction: unset;-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
/*全局 上下分散居中*/
.flex-lrdw {flex-direction: column;-webkit-box-pack: justify;-moz-justify-content: space-between;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-moz-align-items: center;-webkit-align-items: center;align-items: center;}
/*全局 上下分散且居左*/
.flex-lldw {flex-direction: column;-webkit-box-pack: start;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: start;-moz-align-items: initial;-webkit-align-items: initial;align-items: initial;}
/*全局 左右分散且居左*/
.flex-zyfsl {flex-direction: row;-webkit-box-pack: start;-moz-justify-content: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: start;-moz-align-items: initial;-webkit-align-items: initial;align-items: initial;}

/*FLEX布局兼容 old*/
.buylock > span > a, .buylock > span > label, .xiazai-article .layui-btn-group, .xiazai-article .download-btn-group, .buy-login-bot span, .buy-login-bot a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -weblit-flex;
	display: flex;
	/**横向居中兼容*/
	-webkit-justify-content: center;
	justify-content: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	box-pack: center;
	/**纵向向居中兼容*/
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
}

/*页面外框*/
#wrapper {min-height: 100%;position: relative;}
.index-wrapper {padding-top: 60px;}
/*导航条外框*/
#pagelet-nnav {position: fixed;top: 0;left: 0;width: 100%;z-index: 15;background: #fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
/*导航条内框*/
#pagelet-nnav .midbarWrapper {position: relative;height: 58px;box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);z-index: 999;}
#pagelet-nnav .midbarWrapper .midbar-inner {width: 1200px;margin: 0 auto;}
/*导航条内框2 定义宽度和居中*/
@media screen and (max-width: 1192px) { 
#pagelet-nnav .midbarWrapper .midbar-inner {width: 100%;} 
}
/*logo*/
#pagelet-nnav .midbarWrapper .logo-box {float: left;width: 142px;height: 50px;}
@media screen and (max-width: 1192px) { 
#pagelet-nnav .midbarWrapper .logo-box {width: 120px;} 
}
@media screen and (max-width: 1024px) { 
#pagelet-nnav .midbarWrapper .logo-box {width: 120px;} 
}
/*logo A标签和logo背景图标*/
#pagelet-nnav .midbarWrapper .logo-box a {display: block;width: 120px;height: 50px;	color: #4f5157;text-decoration: none;background-position: -3px 11px;background-size: 110px auto;background-repeat: no-repeat;background-image: url(https://img.sutuihuo.com/stlimg/ico_global.png);}
/*搜索框外框*/
#pagelet-nnav .midbarWrapper .search-box {position: relative;float: left;width: 258px;}
@media screen and (max-width: 1192px) { 
#pagelet-nnav .midbarWrapper .search-box {
    width: 148px;
    height: 50px;
}
}
/*搜索表单div*/
#pagelet-nnav .midbarWrapper .search-box .input-group {position: relative;margin-top: 12px;border: 2px solid #e8e8e8;border-radius: 5px;padding: 0 4px;background-color: #f5f6f7;}
.clearfix {display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/*搜索的inpu表单*/
#pagelet-nnav .midbarWrapper .search-box input {border: 0;float: left;color: #444;font-size: 14px;line-height: 20px;height: 18px;width: 190px;padding: 0;outline: 0;padding: 7px 0;background: #f5f6f7;box-sizing: content-box;}
@media screen and (max-width: 1192px) { 
#pagelet-nnav .midbarWrapper .search-box input {
    width: 98px;
}
}
/*搜索按钮外框*/
#pagelet-nnav .midbarWrapper .search-box .btn-submit {float: right;display: block;border-left: 0;}
/*搜索按钮*/
#pagelet-nnav .midbarWrapper .search-box .btn-submit button {background: transparent;outline: 0;border: 0;height: 32px;line-height: 1px;width: 32px;cursor: pointer;}
/*搜索按钮ICO图标*/
#pagelet-nnav .midbarWrapper .search-box .btn-submit button>.icon-search {background-image: url(https://img.sutuihuo.com/stlimg/ico_global.png);width: 17px;height: 16px;line-height: 16px;    background-position: -94.5px -185px;background-repeat: no-repeat;background-size: 112px auto;}
.icon {display: inline-block;}
/*用户登录区块外框*/
#pagelet-nnav .midbarWrapper .user-box {position: relative;float: left;width: 220px;font-size: 14px;}
/*用户名区块*/
.user-box {position: relative;float: right;	height: 50px;}
@media screen and (max-width: 1192px) { 
#pagelet-nnav .midbarWrapper .user-box {
    width: 200px;
}
}
@media screen and (max-width: 1024px) { 
#pagelet-nnav .midbarWrapper .user-box {
    width: 200px;
}
}
.username-box {text-align: right;color: #444;}

/*导航区块*/
.pagelet-channels {float: right;}
.channel-item {position: relative;height: 50px;line-height: 56px;text-align: center;font-size: 16px;	float:left;}
.channel-item li {list-style: none;}
.item {display: inline-block;color: #444;line-height: 26px;vertical-align: middle;padding: 0;margin:0 15px 0 0;}
/* 导航会员中心区块 */
.channel-item-user {position: relative;height: 50px;line-height: 56px;font-size: 14px;text-align:right;}
.channel-item-user li {list-style: none;}
.item-user {display: inline-block;color: #06f;text-decoration:underline;padding: 0;margin:0 auto;cursor: pointer;}
@media screen and (max-width: 1024px) { 
.item {margin:0 6px 0 0;}
}
@media screen and (max-width: 942px) { 
.dis {display:none;}
#pagelet-nnav .midbarWrapper .user-box {width: 240px;}
}

/*内容主体外框*/
#container {width: 1200px;margin: 0 auto;height: auto;min-height: 815px;}
@media screen and (max-width: 1192px) { 
#container { width: 772px;}
}
@media screen and (max-width: 942px) { 
#container { width: 768px; overflow:hidden;}
}


/*tab切页区域*/
.header{width:100%;height:40px;display:flex;align-items:center;margin-top:12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #fff;}
.header ul{display:flex;align-items:center;flex:1;}
.header ul li{flex:1;height:40px;line-height:40px;text-align: center;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;border-left: 1px solid #cecece;border-radius: 7px 7px 0 0;background-color: #f1f1f1;cursor:pointer;}
.bot-r{border-right:1px solid #cecece;}
.header ul li.active {background-color: #fff;border-bottom-color:#fff;}
.tab-container{height:100%;padding-top: 3px;box-sizing: border-box;}
.tab-pane{height:100%;display: none;/*overflow-y: scroll;*/}
.tab-pane.active{display: block;}
.tab-pane.active img {display: block;height: auto;margin: 0 auto;max-width: 100%;}
/* 文章详情区块点击跳转按钮 */
.tab-pane.active .btn-line{
    margin: 0 auto;text-align: center;
}
.tab-pane.active .btn-line a{
    width: 102px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #65bb0a;
    bottom: 60px;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
}
.tab-pane.active .btn-line a:hover {
    color: #fcfe91;
}
.model{display: none;width: 100%;height: 100%;position: fixed;left: 0;top:0;}
.model.open{display: block;}
.model .cover{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1;background-color: rgba(0,0,0,.6);}
.model-container{position: relative;z-index: 2;}
.model-header{display: flex;justify-content:space-between;align-items: center;height: 40px;background-color: #FFFFFF;padding: 0 20px 0 3px;border-bottom: 1px solid #eee;}
.model-header .btn-close{width:12px;height:33px;line-height: 23px;text-align: center;font-size: 28px;color: #333;cursor: pointer;}
.model-content{background-color: #fff;padding: 0 20px;line-height: 1.6;}

/********详情 视频 音频演示区 new S ******/
.video-article {padding: 5px 8px;margin: 8px auto;border: 1px solid #d2d2d2;border-radius: 6px;background: #fafafa;color: #fff!important;}
.video-article h3 {font-size: 18px;display: flex;font-weight: bold;height: 38px;line-height: 38px;margin-bottom: 6px;}
.video-article>span {display:block; margin: 0 0 16px 0;}
.video-article>span>iframe {width:720px; height:405px; margin: 0 auto; display:block;}
.video-article p {font-size: 14px;margin: 4px 16px;line-height: 26px;}
.novideotip {display:flex; padding:14px;line-height: 24px;margin: 0 0 16px 0;}
.novideotip p {font-size:16px; margin:0; padding:0;}
.novideotip p label {border: 1px solid #777;border-radius: 4px;padding: 4px 8px;color: #fff;background: #53bf1d;}
.video-article .layui-icon-video {font-size: 26px;color: #53bf1d;font-weight: bold;}
.novideotip .layui-icon-tips {font-size:36px; color:#f00;font-weight: bold;}
.video-fonticon-p p::before {
    content: '\e66f';
    font-family: 'layui-icon'!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
}
.video-article .layui-icon-user{
    font-size: 20px;
}

/********详情 视频 音频演示区 new E ******/
/********详情 音频区 new S ******/
.audio-article {padding: 5px 8px;margin: 8px auto;border: 1px solid #d2d2d2;border-radius: 2px;background: #fff;}
.audio-article h3 {font-size: 18px;color: #666;font-weight: bold;height: 32px;line-height: 32px;margin-bottom: 6px;}
.audio-article p {font-size: 14px;color:#777;line-height: 18px;margin: 4px 0 14px 0;}
.audio-article p strong {color: #777}
.audio-article h3 .layui-icon-headset {font-size: 24px;color: #0a0;}
.audio-article .layui-icon-headset {font-size: 36px;color: #fff;}
.audio-article p .layui-icon-tips {font-size: 14px;color: #666;}
.novideotip .layui-icon-tips {font-size:36px; color:#f00;font-weight: bold;}
.audio-wrapper {
    background-color: #fcfcfc;
    height: 52px;
    border: 1px solid #bbb;
    border-radius: 2px;
}
.audio-title {
    width: 136px;
    height: 100%;
    font-size: 16px;
    color: #fff;
    border-right: 1px solid #888;
    background-color: #53bf1d; 
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;         
}
.audio-left {
    width: 60px;
    height: 100%;
    margin: 0;
}
.audio-left img {
    width: 40px;
    position: relative;
    margin: 0;
    display: initial;
    /* 解除与app的样式冲突 */
    cursor: pointer;
}
.audio-left .layui-icon-play {
    font-size: 34px;
    color: #53bf1d;
    margin: 0;
    display: initial;
    /* 解除与app的样式冲突 */
    cursor: pointer;
}
.audio-left .layui-icon-pause {
    font-size: 34px;
    color: #fa4e57;
    margin: 0;
    display: initial;
    /* 解除与app的样式冲突 */
    cursor: pointer;
}
.audio-right {
    margin-right: 10px;
    flex: 1;
    height: 100%;
}
.audio-right p {
    height: 25px;
    font-size: 14px;
    color: #222;
    line-height: 23px;
    /* 歌曲名称只显示在一行，超出部分显示为省略号 */
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width:243px;
    margin: 0 0 2px 0;
    /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */
}
.audio-right p .layui-icon-headset{
    font-size: 14px;
    color: #222;
}
.progress-bar-bg {
    background-color: #d9d9d9;
    position: relative;
    height: 5px;
    cursor: pointer;
}
.progress-bar {
    background-color: #53bf1d;
    width: 0;
    height: 5px;
}
.progress-bar-bg span {
    content: " ";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #53bf1d;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    cursor: pointer;
}
.audio-time {
    height: 16px;
    line-height: 16px;
    margin-top: 4px;
    overflow: hidden;
}
.audio-length-total {
    float: right;
    font-size: 12px;
}
.audio-length-current {
    float: left;
    font-size: 12px;
}
/********详情 音频区 new E ******/

/********首页link区选项卡STAR******/

.laycon-link-tab{clear:both; width:100%;float:left;}
/*选项卡的样式*/
.link_tab{width: 100%;height: 24px;font-size: 14px;margin: 0;padding: 0;text-align: center;border-bottom: 3px solid #ccc;}
.current-link-tab {border-color:#fff;border-bottom:3px solid #53bf1d;}
.link_tab li{margin:0;padding:0;float:left;width:80px;height:24px;list-style:none;position:relative;z-index:2;}
.link_tab li.link_tab li{background:#777;color:#fff;}
/*选中后的样式*/
.link_tab li.current-link-tab a:hover{background:#999;color:#fff;padding-top:1px;}
/*设置tab的某些样式*/
#nav2 li.current-link-tab a:hover{background:#ffffe1;color:#000;}
/*其它*/
#cardarea2{text-align:left;clear:both;}
#cardarea2 .item {line-height:23px;}
#cardarea2 .item p{line-height:23px;}
.hot-song, .hot-singer, .index-news {width:100%;height:auto;}
.hot-song ul, .hot-singer ul, .index-news ul {list-style:none;margin:0;padding:0;}
.hot-song ul li, .index-news ul li {list-style:none;margin:4px 0;padding:0; float:left; width: 33.33%; font-size:12px;line-height: 12px; }
.hot-singer ul li {list-style:none;margin:6px 16px 6px 0;padding:0; float:left; font-size:12px;line-height: 12px; }
.links{list-style:none; margin:8px 0; padding:0;}
.links li{list-style:none;margin:4px;padding:0;float:left;font-size:12px;color:#888;line-height: 12px;}
.links li a{color:#888;}
.links .links-weixin{
    font-weight: bold;
    color:#0a0;
}
.links .layui-icon-login-wechat{
    font-size: 16px;
    color: #0a0;
    margin: 0 3px;
}

/********首页link区选项卡END******/


/********详情页内容选项卡STAR******/

.display_none{display:none;}
.laycon-tab{clear:both; width:100%;float:left;}
/*选项卡的样式*/
.convention_tab{width:100%;text-align:left;float:left;}
.convention_tab li{margin:0;padding:0;float:left;width:18px;height:9px;list-style:none;position:relative;z-index:2;}
.convention_tab li.convention_tab li{background:#777;color:#fff;}
/*选中后的样式*/
.convention_tab li.current_tab a:hover{background:#999;color:#fff;padding-top:1px;}
/*设置tab的某些样式*/
#nav2 li.current_tab a:hover{background:#ffffe1;color:#000;}
/*其它*/
#cardarea2{text-align:left;clear:both;}
#cardarea2 .item-tab {line-height:23px;}
#cardarea2 .item-tab p{line-height:23px;}
/********详情页内容选项卡END******/

/*内容主体左 TAB切页2*/
.article_con{ line-height:32px; color:#666666; }
.article_con .curpos{ font-size:14px; height:26px; line-height:26px; border-bottom:#CCC 1px solid; margin-top:9px; }
.article_con .curpos a {color: #999;}
.article_con .curpos span {height: 16px;line-height: 16px;font-size: 14px;color: #bbb;font-weight: normal;margin: 0;padding: 0;word-wrap: break-word;white-space: nowrap;;text-overflow: ellipsis;overflow: hidden;}
.article_con .curpos h1 {display: inline-block;width: 500px;height: 16px;line-height: 16px;font-size: 14px;color: #999;font-weight: normal;margin: 0 0 0 4px;padding: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;}
.article_con .article-header{margin-top:8px;}
.article_con .article-header p{ margin:12px 0;}
.article_con .article-content{font-size: 16px;line-height: 30px;overflow: hidden;position: relative;border-bottom: #CCC 1px dotted;}
.article_con .article-content .title {margin: 14px 0 0 0;font-size: 18px;height: auto;line-height: normal;}
.article_con .article-content p{ margin:12px 0;}
.article_con .article-content p img{ max-width:720px; display:block; border:0; margin:0 auto}
.sq_bot {border: 1px solid #ccc;border-radius: 4px;padding: 3px 5px;color: #0000ff;background: #eee;text-decoration: none;}
/* 内容主题左 TAB切页2 表格*/
.article_con .main-info {
    overflow-y: auto;
    overflow-x: hidden;
    height: 90%;
    width: 100%;
    padding-right: 22px;
}
.article_con .main-info-titl {
    background-color: #f7f7f7;
    padding: 0 15px;
    overflow: hidden;
}
.article_con .main-info-titl h2 {
    display: inline-block;
    color: #999;
    margin-bottom: 5px;
    font-size: 14px;
    height: auto;
    line-height: normal;
}
.article_con .main-info-titl span {
    font-size: 14px;
	font-weight:bold;
    color: #999;
    display: inline-block;
}
.article_con .main-info-titl .time{font-size: 12px; font-weight:normal;color: #999;display: inline-block;margin-left: 10px;float: right;}
.article_con .main-info-titl .publisher {font-size: 12px; font-weight:normal;color: #999;display: inline-block;margin-left: 10px;float: right;}
.article_con .main-info-titl h3 {
    font-size: 14px;
    color: #1b1b1b;
    line-height: 35px;
    position: relative;
    padding-left: 16px;
    overflow: hidden;
}
.article_con .main-info-list {
    margin-bottom: 0;
	overflow:hidden;
}
.article_con .main-info-list li {
    overflow: hidden;
    padding: 7.5px 0;
    border-bottom: 1px solid #f6f6f6;
}
.article_con .main-info-list li span {
	display:block;
}
.article_con .main-info-list .info-l {
    float: left;
    font-size: 14px;
    line-height: 1.33em;
    color: #999;
    overflow: hidden;
    width: 205px;
    text-align: right;
}
.article_con .main-info-list .info-r {
    overflow: hidden;
    font-size: 14px;
    line-height: 1.33em;
    color: #313131;
    padding: 0 17px 0 26px;
}

/*内容主体左区块*/
.index-main {float: left;width: 772px;}
.index-main-shopcart-list {width: 100%; margin:0 auto;}
@media screen and (max-width: 1192px) { 
.index-main {
    float: none;
    margin: 0 auto;
}
}
@media screen and (max-width: 942px) { 
.index-main {
    float: none;
    margin: 0 auto;
	width: 768px;
}
}

/*相关文章区块*/
.article_con .relatednews {font-size: 16px;margin: 14px 8px 0 8px;}
.article_con .search-min-h{min-height: 420px;}
.article_con .relatednews .search-tips {margin: 68px auto; text-align:center;}
.article_con .relatednews .search-tips span{color: #ff5722;}
.article_con .relatednews .search-tips p {margin: 14px auto 0 auto;}
.article_con .relatednews .title {border-bottom: 1px solid #53bf1d;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.article_con .relatednews .title > span {padding-bottom: 2px;border-bottom: 2px solid #53bf1d;margin:0;}
.article_con .relatednews ul {margin-top: 0;}
.article_con .relatednews ul li {border-bottom: #CCC 1px dotted;margin: 12px 0;line-height: 28px;list-style: none;}
.article_con .relatednews ul li a:before {content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50px;background-color: #777;margin: 0 0 3px 0;top: 14px;left: 0;}
.article_con .relatednews ul li a {position: relative;cursor: pointer;width: 100%;text-decoration: none;font-size: 16px;color: #4f5157;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article_con .relatednews ul li a i{font:icon;color: #ff0202;}
.article_con .relatednews ul li a i:before {content: "\f157";font:icon;color: #ffffff;font-size: 18px;font-family: FontAwesome;padding:2px 5px 0px 5px;margin:0 5px;border: 1px solid #ffd700;border-radius: 100%;background: #ffd700;}
.article_con .relatednews ul li p {font-size: 14px;color: #999;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.article_con .relatednews ul li span {float: right;font-size: 12px;}
.article_con .relatednews .search-tips span button {font-size: 17px;color: #fff;display: block;overflow: hidden;width: 186px;height: 42px;line-height: 38px;text-align: center;margin: 6px auto;border: 1px solid #ccc;border-radius: 5px;background: #53bf1d;text-decoration-line: none;zoom: 1;}

.search-min-h ul li:before {content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50px;background-color: #777;margin: 0 5px 3px 0;top: 14px;left: 0;}

/****book详情SKU区****/
.book-detail {width: 772px; margin: 10px auto;}
.book-detail-img { width: 310px; float: left;}
.pic-view img { width: 300px;height: 300px;padding: 4px;border: 1px solid #eee;}
.book-item-info {width: 450px; float: right;}
.book-name h1{font-size: 20px; font-weight: bold; line-height: 24px;}
.book-name p {font-size: 14px;color: #666;max-height: 136px;overflow: hidden;margin: 3px 0;padding: 0;line-height: 22px;}
.property {background: #ECFDF0;margin:0;padding: 6px 0;}
.book-price h2 {font-size: 14px;}
.book-price h2 em {font-size: 28px;color: #1ac14b;font-style: normal;}
.book-price h2 label {font-size: 14px;font-style: italic;color: #999;margin: 0 0 0 22px;}
.book-price h2 label i {font-size: 16px;color: #999;text-decoration: line-through;}
.buy-num{padding: 12px 0;overflow: hidden;}
.buy-num .skunum_li {margin-top: 15px;margin-bottom: 15px;}
.buy-num ul li {padding: 5px 0;position: relative;width: 100%;font-size: 14px;}
.buy-num .lbl {width: 62px;color: #666;}
.buy-num .skunum {height: 32px;font-size: 0;overflow: hidden;}
.skunum span {float: left;display: block;width: 28px;height: 30px;border: 1px solid #ccc;background-color: #eee;text-align: center;font-size: 20px;overflow: hidden;line-height: 28px;color: #777;cursor: pointer;}
.skunum input {float: left;display: block;width: 45px;height: 14px;padding: 8px 0;line-height: 14px;border: 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;font-size: 14px;background-color: #fff;}
.skunum span.add {margin-left: -2px;}
.skunum span {float: left;display: block;width: 28px;height: 30px;border: 1px solid #ccc;background-color: #eee;text-align: center;font-size: 20px;overflow: hidden;line-height: 28px;color: #777;cursor: pointer;}
.skunum cite {margin-left: 5px;font-size: 14px;font-style: normal;float: left;}
.book-detail .book-btn-buy {margin: 6px auto;}
.book-detail .book-btn-buy a {width: 158px;height: 39px;line-height: 39px;font-size: 16px;letter-spacing: 3px;color: #fff;text-align: center;border: 1px solid #ccc;border-radius: 4px;background: #0a0;margin: 0 auto;cursor: pointer;}
.book-detail .book-btn-buy .layui-icon-download-circle{font-size: 21px; color: #fff;}
.book-detail .book-btn-buy .layui-icon-play{font-size: 18px; color: #fff;margin: 0 6px 0 0;}

/****book详情Tab区****/
.arc_book_jtp {font-size: 16px;margin: 0 8px 0 8px;}
.arc-book-tab {width:100%;float:left;}
/*book详情Tab区 设置tab的某些样式*/
#nav-book .current-book-tab {border-color:#fff;border-bottom:3px solid #53bf1d;}
#nav-book li.current-book-tab a:hover{background:#ffffe1;color:#000;}
/*book详情Tab区 选项卡的样式*/
.arc-book-tab .book-tab-f {width:756px; height:40px; line-height:40px;}
.arc-book-tab .book-tab-head{width: 756px;height: 40px;font-size: 14px;margin: 0;padding: 0;text-align: center;background: #fff;border-bottom: 3px solid #ccc; z-index:3;}
.arc-book-tab .book-tab-head li{margin:0;padding:0;float:left;width:80px;height:40px;line-height: 40px;list-style:none;position:relative;cursor: pointer;z-index:2;}
.arc-book-tab .book-tab-head li.link_tab li{background:#777;color:#fff;}
/*book详情Tab区 选中后的样式*/
.book-tab-head li.current-link-tab a:hover{background:#999;color:#fff;padding-top:1px;}

#book-tab-card {text-align:left;clear:both;}
#book-tab-card .item-book {line-height:23px;padding-top: 16px;}
#book-tab-card .item-book p{line-height:21px;font-weight: bold;}
#book-tab-card .item-book em{font-style: normal;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#book-tab-card .item-book h2 {font-size: 28px;color: #000;margin: 0 0 10px 0;padding: 0;display: block;text-align: center;}
#book-tab-card .item-book h3 {font-size: 14px;font-style: normal;font-weight: normal;color: #000;margin: 0;padding: 0;display: block;text-align: center;}
#book-tab-card .item-book h4 {font-size: 16px;font-style: normal;font-weight: normal;color: #f00;margin: 0;padding: 0;display: block;}

#book-tab-card .custom-tips{
    color: #fff;
    font-weight: 100;
    line-height: 23px;
    border: 1px solid #ccc;
    background: #0a0;
    padding: 5px;
    border-radius: 5px;
    margin: 10px 0;
}
#book-tab-card .custom-tips .layui-icon-tips{
    font-size: 16px;
    color: #fff;
}

.item-book .title {border-bottom: 1px solid #53bf1d;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.item-book .title > span {padding-bottom: 2px;border-bottom: 2px solid #53bf1d;margin:0;}
.item-book ol {padding: 0 0.1em 0 2.4em;margin: 0 0 14px 0;list-style-position: outside;}
.item-book ol li {list-style-type: decimal; height:32px; line-height: 32px;}
.item-book ol li a {display: inline-flex;align-items: baseline;cursor: pointer;width: 100%;height: 21px; line-height:21px;text-decoration: none;font-size: 16px;color: #4f5157;text-overflow: ellipsis;white-space: nowrap;}
.item-book ol li a p {height: 21px; line-height:21px;color: #000;}
.item-book ol li a label {flex: 1;margin: 0 8px 0 16px;padding: 0;height: 3px;line-height: 0;border-top: 3px dotted #999;}
.item-book ol li a span {width: 28px; height:21px;line-height: 21px;font-size: 14px;color: #000;text-align:right;}
.item-book ol i{font-size: 18px;font-weight: bold;font-style: normal;color: #000; margin: 0; padding: 0;}
.item-book ol li span {float: right;font-size: 12px;}

.book-img, .book-video, .book-review {width:100%;height:auto;}

.book-img p img {max-width: 640px;height: auto;text-indent: 0;display: block;margin: 0 auto;}

/*book详情目录底部购买提示/按钮区*/
.book-bot-tips {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 18px auto;
    background: #f1f1f1;
    border-radius: 4px;
}
.book-bot-tips .book-buy-tip {margin: 10px;}
.book-buy-tip h4 {width:112px;height: 24px;line-height: 24px;font-size: 16px; text-align: center;font-weight:bold;margin-bottom: 8px;border-bottom:3px solid #53bf1d;}
.book-buy-tip p{font-size: 14px;}

.book-bot-tips .book-pay-btm {margin: 10px auto 60px auto;}
.book-pay-btm button {
    width: 158px;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    background-color: #df3033;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 24px auto;
    outline: none;
    letter-spacing: 3px;
    cursor: pointer;
  }

  .book-pay-btm button:hover {
    background-color: #0a0;
  }

/*我的购物车列表区块*/
.article_con .shopcart-list {font-size: 16px;margin-top: 14px;}
.article_con .search-min-h{min-height: 420px;}
.article_con .shopcart-list .search-tips {margin: 185px auto; text-align:center;}
.article_con .shopcart-list .search-tips span{color: #777;}
.article_con .shopcart-list .title {border-bottom: 1px solid #53bf1d;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.article_con .shopcart-list .title > span {display: block;width:128px;padding-bottom: 2px;border-bottom: 2px solid #53bf1d;margin:0;}
.article_con .shopcart-list ul {margin-top: 0;}
.article_con .shopcart-list ul li {border-bottom: #CCC 1px dotted;margin: 12px 0;line-height: 28px;list-style: none;}
.article_con .shopcart-list ul li a {position: relative;cursor: pointer;width: 100%;text-decoration: none;font-size: 16px;color: #4f5157;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.article_con .shopcart-list ul li p {font-size: 14px;color: #999;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.article_con .shopcart-list ul li span {float: right;font-size: 12px;}
.article_con .shopcart-list ul li input {width: 18px;height: 18px;line-height: 18px;vertical-align: text-top;}
.shopcart-stl {margin-left: 20px;border: 1px solid #dcdbdb;overflow: hidden;padding: 4px;border-radius: 4px;font-size: 12px;background: #f2f2f2;}
.shopcart-data {width: 100%; padding:4px; border: 1px solid #ccc; background: #f5f6f7;border-radius: 6px; font-size:16px;}
.shopcart-data p {border-bottom:1px dotted #ccc;margin: 10px auto;}
.shopcart-data p span {color:#f00; font-weight:bold;}
.shopcart-btn button {width:150px; height:42px; border:1px solid #00CC33; background:#00CC33; border-radius:6px; margin:12px 0; float:right; display:block;color: #fff;font-size: 18px;}
.shopcart-pay-result {width:320px; margin: 0 auto;}

/*搜索框外框*/
.index-main-shopcart-list .search-box {width: 398px;}
/*搜索表单div*/
.index-main-shopcart-list .search-box .input-group {position: relative;margin: 24px auto;border: 2px solid #e8e8e8;border-radius: 5px;padding: 0 4px;background-color: #f5f6f7;}
.clearfix {display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/*搜索的inpu表单*/
.index-main-shopcart-list .search-box input {border: 0;float: left;color: #444;font-size: 14px;line-height: 20px;height: 18px;width: 330px;padding: 0;outline: 0;padding: 7px 0;background: #f5f6f7;}
/*搜索按钮外框*/
.index-main-shopcart-list .search-box .btn-submit {float: right;display: block;border-left: 0;}
/*搜索按钮*/
.index-main-shopcart-list .search-box .btn-submit button {background: transparent;outline: 0;border: 0;height: 32px;line-height: 1px;width: 32px;cursor: pointer;}
/*搜索按钮ICO图标*/
.index-main-shopcart-list .search-box .btn-submit button>.icon-search {background-image: url(https://img.sutuihuo.com/stlimg/ico_global.png);width: 17px;height: 16px;line-height: 16px;    background-position: -94.5px -185px;background-repeat: no-repeat;background-size: 112px auto;}
.icon {display: inline-block;}

/***列表 详情 右边栏区块***/

.side-right {float: right;font-size: 16px;margin-top: 8px;width: 398px;}
.side-right .title {padding: 0;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.side-right ul {margin-top: 0;}
.side-right ul li {border-bottom: #CCC 1px dotted;height:62px;line-height: 30px;list-style: none;}
.side-right ul li a {position: relative;cursor: pointer;width: 100%;text-decoration: none;}
.side-right ul li a:before {content: "";display: inline-block;width: 3px;height: 3px;background-color: #777;margin-right: 8px;margin-bottom: 3px;top: 14px;left: 0;}
.side-right ul li p {font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;}
.side-right-bot {float: right;margin-top: 12px;width: 398px;}

@media screen and (max-width: 1192px) { 
.side-right {
    float: none;
    width: 772px;
}
}
@media screen and (max-width: 942px) { 
.side-right {
    float: none;
    width: 768px;
}
}

.side-commbox {display: none;margin:0;height:0;position: relative;}
.side-hotnews {position: relative;margin:0 8px;}
.side-hotnews .head {border-bottom: 1px solid #53bf1d;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.side-hotnews .head > span {display: block;width:128px;padding-bottom: 2px;border-bottom: 2px solid #53bf1d;margin:0;}
.side-hotnews .news a {height: 30px;font-size: 14px;color: #444;line-height: 30px;	border-bottom: #CCC 1px dotted;display: block;cursor: pointer;padding-left: 10px;position: relative;width: 388px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.side-hotnews .news a:before {content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50px;background-color: #777;margin-bottom: 3px;position: absolute;top: 14px;left: 0;}
@media screen and (max-width: 1192px) { 
.side-hotnews .news a {
    width: 760px;
}
}
.goodvoice {display: block;margin: 15px 0 15px;}

/***详情滚动条样式***/
input[type=range] {
    -webkit-appearance: none;/*清除系统默认样式*/
    width: 100%;
    height: 3px;/*横条的高度*/
    outline: none;
    border-radius: 2px;
    background: -webkit-linear-gradient(rgba(0,67,255,.7), rgba(0,67,255,.7)) no-repeat, #ddd;
    background-size: 50% 100%; /*设置左右宽度比例*/
 
}
/*拖动块的样式*/
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;/*清除系统默认样式*/
    height: 10px;/*拖动块高度*/
    width: 10px;/*拖动块宽度*/
    background: #fff;/*拖动块背景*/
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 3px rgba(0,67,255,.7); /*设置边框*/
}
/*滚动按钮和调速条样式*/
.scroll-container{display: none;width: 100%;height: 100%;background-color: #fff;position: fixed;left: 0;top:0;z-index: 16;;overflow-y: scroll;}
.scroll-container.open{display: block;}
.scroll-container img{max-width: 100%;height:auto;display: block;margin: 0 auto;}

	/*调速条 + - 关闭 按钮样式*/
	.lessen {margin:0 0 0 4px;background-position: -1px -437px;}
	.raise {margin:0 4px 0 0;background-position: -1px -475px;}
	.lessen, .raise, .progress-close {width:24px;height:24px;border-radius:25px;background-image: url(https://img.sutuihuo.com/stlimg/ico_global.png);background-repeat: no-repeat;}
	
.progess{width: 100%;max-width:1200px;height: 40px;display: flex;align-items: center;position: fixed;right:0;left: 0;bottom:0;margin: 0 auto;z-index:16;box-shadow: 0 -5px  5px #eee;background-color: #FFFFFF;padding: 0 20px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box;background: #020202;opacity: 0.5;}
.progess.hide{display: none;}
.progess input{flex: 1;margin: 0 10px;}
.progess-value{margin-right: 10px;color: rgba(0,67,255,.7);}
.blast, .progess-value span, .progess-stop, .progress-close {color:#e4e4e4;}
.progress-close {margin:0 0 0 4px;background-position: -1px -398px;}
	/*暂停、滚动按钮样式*/
	.progess-stop, .progess-start {margin: 0 8px;height: 22px;color:#fff;line-height: normal;padding: 0 4px;border: 1px solid #fff;border-radius: 3px;}
	/*暂停按钮背景色*/
	.progess-stop {background-color: #f00;}
	/*滚动按钮背景色*/
	.progess-start {background-color: #3c7320;}
	/*下载按钮样式*/
	.progess-download {margin: 0 8px;height: 22px;color:#fff;line-height: normal;padding: 0 4px;border: 1px solid #fff;background-color: #3c7320;border-radius: 3px;}
	.progess-download a, .progess-download a:visited, .progess-download a:hover {color:#fff;}

/*页脚*/
.footer {width: 100%;overflow: hidden;background-color: #F7F7F7;border-top: 1px solid #E3E5E8;margin-top: 14px;padding: 10px 0;text-align: center;font-size: 13px;line-height: 26px;}
.icpb {width: 100%;background-color: #F7F7F7;text-align: center;font-size: 13px;line-height: 26px;}
.footer p, .footer p a, .icpb p a {color: #999;}


/****字体符号*-------------------------------------------------***/
.fa {margin: 0 6px 0 0;}
.fa-home, .fa-file-text-o, .fa-skyatlas, .fa-search, .fa-list-alt, .fa-newspaper-o, .fa-map-marker, .fa-link, .fa-paper-plane, .fa-jpy, .fa-connectdevelop, .fa-file-word-o, .fa-paste {color:#53bf1d;vertical-align: middle;}
.fa-fire, .fa-heart, .fa-lock {color:#ff9a00;vertical-align: middle;}
.fa-home {font-size:26px;}
.fa-file-text-o {font-size:19px;}
.fa-skyatlas {font-size:17px;}
.fa-search {font-size:16px;}
.fa-list-alt {font-size:18px;}
.fa-newspaper-o {font-size:19px;}
.fa-map-marker {font-size:16px;float:left;}
.fa-link {font-size:18px;}
.fa-paper-plane {font-size:17px;}
.fa-fire {font-size:17.5px;}
.fa-heart {font-size:18px;}
.colorprice {color:#ff9a00;font-size: 16px;}
.colorfree {color:#53bf1d;font-size: 16px;}
.fa-jpy {font-size:20px;margin: 0 3px 0 4px;font-style: italic;}
.fa-connectdevelop {font-size:18px;}
.fa-lock {font-size:19px;}
.fa-file-word-o {font-size: 18px;margin: 0;}
.fa-paste {font-size:18px;}
.fa-times-circle-o {color:#f66;font-size: 30px;vertical-align: middle;}
.fa-play-circle {color:#fff;vertical-align: middle; margin: 3px 4px 0 5px;;font-size: 24px; display:-webkit-inline-box;}
.fa-weixin {color:#fff;vertical-align: middle; margin:4px 4px 0 5px;;font-size: 22px; display:-webkit-inline-box;}
.fa-pencil-square-o {color:#fff;vertical-align: middle; margin: 4px 4px 0 5px;;font-size: 22px; display:-webkit-inline-box;}
.fa-cart-arrow-down {color:#fff;vertical-align: middle; margin: 3px 4px 0 5px;;font-size: 24px; display:-webkit-inline-box;}
.fa-step-backward {color:#fff;vertical-align: middle; margin: 3px 4px 0 5px;;font-size: 24px; display:-webkit-inline-box;}
.fa-copy {display:inline;color:#53bf1d;margin:0 0 0 5px;}
.search-tips .fa-exclamation-circle {font-size:36px; width:36px; height:36px; display:block; margin:12px auto; color:#ff9a00;}

/****PC端layui字体符号*-------------------------------------------------***/
.layui-icon {margin: 0 4px 0 0;font-size: 22px;font-weight: normal;}
.layui-icon-search {color:#53bf1d;vertical-align: sub;line-height: 32px;}
.layui-icon-password {color:#090;font-size:16px;}
.buylock .layui-icon-rmb {color: #fff200;font-size:18px; font-weight:bold;}
.layui-icon-play {color:#fff;vertical-align: middle; margin:5px 4px 0 5px;font-size: 24px; display:-webkit-inline-box;}
.layui-icon-login-wechat {color:#fff;vertical-align: middle; margin:5px 4px 0 5px;;font-size: 24px; display:-webkit-inline-box;}
.layui-icon-edit {color:#fff;vertical-align: middle; margin:0 4px 0 5px;font-size: 24px; display:-webkit-inline-box;}
.layui-icon-top {color:#fff;vertical-align: middle; margin:4px 4px 0 5px;;font-size: 28px; display:-webkit-inline-box;}
.layui-icon-link {font-size:16px;color:#53bf1d; font-weight:normal;}
.layui-icon-fire {font-size:20px;color:#53bf1d; font-weight:bold;}
.layui-icon-list {font-size: 26px;height: 26px;color:#53bf1d;font-weight:bold;}
.channel-item .layui-icon-list {float:left;}
.layui-icon-home {font-size: 22px;height: 22px;color: #53bf1d;font-weight: bold;float: left;}
.layui-icon-heart-fill {font-size:20px;color:#ff9a00;height: 28px;line-height: 24px;}
.layui-icon-location {font-size:16px;color:#53bf1d;height: 16px;line-height: 16px;float:left;}
.layui-icon-align-left {font-size:18px;color:#53bf1d;}
.layui-icon-reduce-circle {font-size:26px;color:#53bf1d;}
.layui-icon-add-circle {font-size:26px;color:#53bf1d;}
.layui-icon-close-fill {font-size: 30px;color: #f00;float: left;}
.search-tips .layui-icon-face-smile-b {font-size:36px; width:36px; height:36px; display:block; margin:12px auto; color:#ff9a00;}
.relatednews .layui-icon-rmb {font-size:16px;margin: 0 2px 0 4px;font-style: italic;}
.search-tips .layui-icon-face-smile-b {font-size:36px; width:36px; height:36px; display:block; margin:12px auto; color:#ff9a00;}
.shopcart-list .layui-icon-cart {font-size:22px;color:#53bf1d;}
.shopcart-list .layui-icon-close-fill {font-size: 22px;color: #f00;float: none;vertical-align: middle;}
.index-main-shopcart-list .layui-icon-ok-circle {font-size:36px; width:36px; height:36px; display:block; margin:12px auto; color:#ff9a00;}
.layui-icon-download-circle{color: #00CC33;font-size:16px;}
.layui-icon-logout {font-size: 22px;height: 22px;color: #53bf1d;font-weight: bold;float: left;}
.channel-item-user .layui-icon-user {font-size: 22px;height: 22px;color: #53bf1d;font-weight: bold;}
.channel-item-user .layui-icon-username {font-size: 22px;height: 22px;color: #53bf1d;font-weight: bold;}
.pagelet-channels .layui-icon-download-circle {font-size: 22px;height: 26px;color:#53bf1d;font-weight:bold;float:left;}

/***首页第一屏搜索区块样式 ***/
.indexsearchtop{height: 60%;min-height: 185px;max-height: 310px;position: relative;margin:0;padding:0;background-image: url(https://img.sutuihuo.com/stlimg/ico_global.png);background-repeat: no-repeat;background-size: 110px auto; background-position:51% -42%;}
.indexsearchbot{height:32px;margin:0;padding:0;border-bottom:#CCC 1px dotted;}
.searchindex {margin:0 auto;}
.searchindex form {position: relative;width: 50%;margin: 0 auto;}
.schidd {background: #fff;}
.schidd input, .schidd button {outline: none;background: transparent;}
.schidd input {width: 100%;height: 42px;padding-left: 15px;border: 3px solid #53bf1d;border-radius: 4px;}
.schidd button {border: none;height: 48px;width: 88px;line-height:50px;vertical-align: middle;margin:0;padding:0;position: absolute;top: 0;right: -18px;cursor: pointer;}
.schidd input:focus {border-color: #cecece;}
.indexsearch .bn_article_layout {margin: 20px 0 0 23px;text-align: center;}

/***搜索框底部热门区块样式 ***/
.index-left, .index-mid, .index-right {float: left;font-size: 16px;}
.index-left {margin: 14px 10px 0 0;width: 388px;}
.index-mid {margin: 14px 5px 0 5px;width: 388px;}
.index-right {margin: 14px 0 0 10px;width: 388px;}
.index-left .title, .index-mid .title, .index-right .title {padding: 0;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.index-left ul, .index-mid ul, .index-right ul {margin-top: 0;}
.index-left ul li, .index-mid ul li, .index-right ul li {border-bottom: #CCC 1px dotted;height:62px;line-height: 30px;list-style: none;}
.index-left ul li a, .index-mid ul li a, .index-right ul li a {position: relative;cursor: pointer;width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-left ul li a:before, .index-mid ul li a:before, .index-right ul li a:before {content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50px;background-color: #777;margin-bottom: 3px;top: 14px;left: 0;}
.index-left ul li p, .index-mid ul li p, .index-right ul li p {font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color: #999;}
.hotnews .head {border-bottom: 1px solid #53bf1d;margin-bottom: 5px;font-size: 18px;height: auto;line-height: normal;font-weight: bold;}
.hotnews .head > span {display: block;width:128px;padding-bottom: 2px;border-bottom: 2px solid #53bf1d;margin:0;}

.relatednews .search-tips span {
    margin: 6px 0;
    height: 16px;
    display: inline-block;
    font-size: 16px;
}
.relatednews .search-tips span input {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
	vertical-align: text-top;
}
.search-tips .qingqiuzp {
    width: 280px;
    height: 42px;
	display: block;
	margin: 0 auto;
    padding-left: 15px;
    border: 1px solid #53bf1d;
    border-radius: 4px;
}
@media screen and (max-width: 1192px) {
.index-left {width: 246px;}
.index-mid {width: 246px;}
.index-right {width: 246px;}
}
@media screen and (max-width: 1024px) {
.index-left {width: 246px;}
.index-mid {width: 246px;}
.index-right {width: 246px;}
}


/****list翻页按钮****/
.pagination {height: 45px;line-height: 35px;margin: 0 auto;padding-top: 15px;text-align: center;}
.pagination ul {margin: 0 auto;display: inline-block;}
.pagination li {padding: 0 13px;line-height: 36px;display: inline-block;font-size: 14px;border: 1px solid #ddd;margin-left: -1px;float: left;background-color: #FFF;cursor: pointer;}
.pagination li a {color: #444;}
.pagination li.thisclass, .pagination ul li.thisclass a, .pagination ul li.thisclass a:hover {color: #fff !important;background-color: #66cc33;}


/****link友链区块****/
.link {width: 1200px;height: auto;min-height: 90px;margin: 28px auto 100px auto;padding: 0;}
.link dl {margin: 0;padding: 0;}
.clearfloat {zoom: 1;}
.clearfloat::after {display: block;clear: both;content: "";visibility: hidden;height: 0;}
.tab-list {position: relative;}
.tab-list .tab-itom {float: left;list-style: none;margin-right: 4px;}
.tab-itom .test-label {position: relative;display: block;width: 98px;height: 27px;line-height: 27px;text-align: center;}
.tab-itom .tab-box {position: absolute;left: 0;top:29px;width: 100%;height: auto;min-height: 90px;overflow: hidden;border-top: 1px solid #ccc;background: #fff;*/z-index: 0;}
.link input[type="radio"] {position: absolute;opacity: 0;}
.link input[type="radio"]:checked + .test-label {border-color: #fff;border-bottom:3px solid #53bf1d;background: #fff;z-index: 10;}
.link input[type="radio"]:checked ~ .tab-box {z-index: 3;}
.tab-box li {width: 120px;font-size: 14px;color: #666;line-height: 30px;float: left;text-align: center;}

@media screen and (max-width: 1192px) { 
.link { width: 772px;}
}

/* 订单查询页搜索区块样式 */
.searchodder{width: 1198px;height:78px;margin: 8px auto 0 auto;padding:0;border-collapse: collapse;border-spacing: 0;border: 1px solid #ccc;}
.searchbox{width: 40%;margin: 10px auto 0 auto;display: flex;}
.searchbox input{float: left;flex: 4;height: 39px;outline: none;border: 1px solid red;box-sizing: border-box;padding-left: 5px;-webkit-appearance: none;border-radius: 0;}
.searchbox button{float: right;flex: 1.5;height: 39px;background-color: red;color: white;border-style: none;outline: none;}
.searchbox button i{font-style: normal;font-size:16px;color:#fff;}
.searchbox button:hover{font-size: 18px;}
.searchodder .search-odder-tips {font-size: 14px;line-height: 28px;color: #f00;width: 40%;margin: 0 auto;}
/* 订单列表 */
table {border: 1px solid #ccc;width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;margin: 8px auto 0 auto;}
table tr {border: 1px solid #ddd;padding: 5px;}
table th, table td {padding: 10px 2px;text-align: center;}
table th {text-transform: uppercase;font-size: 14px;letter-spacing: 1px;}
.orderslist {width:100%;height:auto;min-height:420px;}
#hidden-list span {display:block;width:96%;margin:60px auto;border:1px solid #ccc; background:#F7F7F7; border-radius:5px;}
#hidden-list span h3 {display:block;width:90px; margin:0 auto; height:39px; line-height:39px;font-size: 22px;margin: 0 auto 14px auto; border-bottom:3px solid #999; text-align:center;}
#hidden-list span p {margin:8px; color:#FF0000;}
#hidden-list {height:auto; min-height:640px;}
#hidden-list .sing-xz {max-width:240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.yulan {display:inline;padding:5px 8px;margin:0 6px;border:1px solid #999;border-radius:4px;background:#0066FF;color:#fff!important;cursor:pointer;}
.xiazai {display:inline;padding:5px 8px;border:1px solid #999;border-radius:4px;background:#00CC33;color:#fff!important;}
.xiazai-article {padding:5px 8px;margin: 8px auto;border:1px solid #d2d2d2;border-radius:4px;background:#fafafa;color:#fff!important;}
.xiazai-article p {font-size:16px;color:#444;}
.xiazai-article > p > a {font-size: 16px;color: #fff;display: block;overflow: hidden;width: 265px;height: 36px;line-height: 36px;text-align: center;margin: 6px auto;padding: 0 6px;border: 1px solid #ccc;border-radius: 5px;background: #f55;text-decoration-line: none;zoom: 1;}

.xiazai-article .layui-btn-group {margin: 18px 0 0 0;}
.xiazai-article .layui-btn{background:#53bf1d;height: 42px;line-height: 42px;font-size: 16px;}
.xiazai-article .layui-btn-group a{border: 1px solid transparent;}

.xiazai-article .download-btn-group {margin: 16px auto;}
.xiazai-article .download-btn-group a {width: 180px;height: 42px;line-height: 42px;font-size: 16px;color: #fff;text-align: center;border: 1px solid #ccc;border-radius: 4px;background: #53bf1d;margin: 0 6px;display: inline-flex;justify-content: center;align-items: center;}
.xiazai-article .download-btn-group .layui-icon-download-circle{font-size: 21px; color: #fff;}
.xiazai-article .download-btn-group .layui-icon-play{font-size: 18px; color: #fff;margin: 0 6px 0 0;}

@media screen and (max-width: 600px)
{table {border: 0;}
table thead {display: none;}
table tr {margin-bottom: 10px;display: block;border-bottom: 2px solid #ddd;}
table td {display: block;text-align: right;font-size: 13px;border-bottom: 1px dotted #ccc;}
table td:last-child {border-bottom: 0;}
table td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;}
}

/****pay内容提示区域及pay按钮****/
.lookpumain{width: 86%;height:60px;margin: 8px auto 0 auto;padding:0;border-collapse: collapse;border-spacing: 0;display: flex;}
.looktab{width: 100%;margin: 10px auto 0 auto;display: flex;}
.looktab input{float: left;flex: 4;height: 39px;outline: none;border: 1px solid #53bf1d;box-sizing: border-box;border-radius:0;padding-left: 10px;}
.looktab button{float: right;flex: 1.6;height: 39px;background-color: #53bf1d;color: white;border-style: none;outline: none;}
.looktab button i{font-style: normal;font-size:16px;color:#fff;}
.looktab button:hover{font-size: 18px;}
.pct {border-radius: 25px 25px 0 0;box-shadow: 0 -10px 10px rgba(0,0,0,.2);margin-bottom:14px;}
.buytab {margin:0 8px;}
.buylock{overflow: hidden;margin: 10px 0px;padding: 8px;border-radius: 5px;zoom: 1;}
.buylock > span {word-wrap: break-word; font-size:16px;color: #666;display: block;padding: 8px;line-height: 26px;}
.buylock > span > a{font-size: 16px;color: #fff;width: 268px;height: 39px;line-height: 39px;margin: 6px auto;border: 1px solid #ccc;border-radius: 4px;background: #f55;zoom: 1;}		
.buylock .fa-jpy {font-style:normal;color: #fff200;width:20px;height:20px;border:2px solid #fff200;border-radius:100%;}
.buytab2{clear:left;margin-right:0px;}		
.buylock2{overflow:hidden;margin:10px 0px;padding:8px 8px 8px 24px;border:1px dashed #FF9A9A;background-image:url(/plus/hidden_img/locked.gif);background-position:6px 50%;background-size:initial;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;zoom:1;}
.buylock2 > span {word-wrap:break-word;color:#666666;}
.buylock2 > span > a{word-wrap:break-word;color:#336699;text-decoration-line:underline;float:right;overflow:hidden;margin:0px 6px;padding:1px 0px 1px 24px;
background: url(/plus/hidden_img/user_link.gif) no-repeat 6px 60%;font-weight:700;zoom:1;}
.buytab3{clear:left;margin-right:0px;}
.buylock3{overflow:hidden;margin:10px 0px;padding:8px 8px 8px 24px;border:1px dashed #FF9A9A;background-image:url(/plus/hidden_img/locked.gif);background-position:6px 50%;background-size:initial;background-repeat:no-repeat;background-attachment:initial;background-origin:initial;background-clip:initial;zoom:1;}
.buylock3 > span{word-wrap:break-word;color:#666666;}
.buylock3 > span > a{word-wrap:break-word;color:#336699;text-decoration-line:underline;float:right;overflow:hidden;margin:0px 6px;padding:1px 0px 1px 24px;background: url(/plus/hidden_img/vip.png) no-repeat 6px 60%;
font-weight:700;zoom:1;}
@media screen and (max-width: 942px) { 
.pct {margin: 0 8px;}
}
.buylock > label {font-size: 14px; text-align: center; color: #666;margin: 0 auto; display: block;}
.buylock > label .layui-icon-login-wechat {font-size: 26px;color: #090;margin: 0 4px 0 -4px;}
.buylock > label > em {font-size: 18px;color: #090;}

.buylock .layui-icon-tips{
    color: #090;
    font-size: 16px;
  }
  .buylock .buylock-money{
    font-size: 16px;
    margin: 0 auto;
    height: 60px;
  }
  .buylock .buylock-money b{
    font-size: 22px;
    color: #f00;
  }
  .buylock .puji-card-a{
    color: blue;
    text-decoration: underline;
    cursor: pointer;
  }
  .buylock .layui-icon-password {
    color: #090;
    font-size: 20px;
  }
  .buylock .puji-card{
    font-size: 14px;
    font-weight: 700;
    color:#0a0;
  }

.buy-login-bot {height: auto;margin: 8px auto 0 auto;padding: 0;padding: 14px 0;border-top: 1px dashed #aaa;overflow: hidden;}
.buy-login-bot span {font-size: 16px;color: #090;}
.buy-login-bot a {width: 158px;height: 39px;line-height: 39px;font-size: 16px;color: #fff;border: 1px solid #ccc;border-radius: 4px;background: #53bf1d;margin: 6px auto;cursor: pointer;}
.buy-login-bot a:hover {color: #fff;}
.buy-login-bot span .layui-icon-tips {font-size: 18px;color: #090;margin: 0 4px 0 -4px;}
.buy-login-bot a .layui-icon-username {font-size: 18px;color: #fff;margin: 0 4px 0 -4px;}

/****详情购买按钮 new s****/
.buy-arc-but {padding: 0;}
.buy-arc-but span {width: 318px;height: 42px;line-height: 42px;text-align: center;border: 1px solid #eee;background: #fa4e57;border-radius: 3px;margin: 8px auto;padding: 0;display: block;}
.buy-arc-but span buttom {width: 318px;height: 42px;line-height: 42px; margin: 0 auto;padding: 0;display: block;background-color: transparent;overflow: hidden;}
.buy-arc-lab {flex: 1;height: 42px;line-height: 42px;margin: 0;padding: 0;cursor: pointer;}
.buy-arc-lab .layui-icon-rmb {
    font-size: 20px;
    color: #fff;
    font-weight:normal;
    margin: 0;
    padding: 0 4px 0 0;
    width: 32px\0;height: 32px\0;line-height: 36px\0;margin-left: -6px\0;
}
.buy-arc-lab em {font-size: 18px;color: #fff;font-style: normal;}
/****详情购买按钮 new e****/

/****layer弹层head图标 new s****/
.layui-layer-title .layui-icon-tips {font-size:16px; color: #fff; float:left;}
/****layer弹层head图标 new e****/

/*右边栏客服区块common*/
.container a:hover{color:#fc8080;text-decoration:none;}
.container a:-webkit-any-link{text-decoration:none;}
.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.container .fl{float:left;}
.container .fr{float:right;}
.container .tl{text-align:left;}
.container .tr{text-align:right;}
.container .tc{text-align:center;}
.color-white{color:white!important;}
.container .red{color:#fc8080!important;}
.container .fz12{font-size:12px;}
.container .fz14{font-size:14px;}
.container .wfs{width:100%;position:relative;}
.container .p_r{position:relative;}


/*右边栏客服区块 悬浮链接*/
.suspension{position:fixed;z-index:3;right: 50%;margin-right: -215px;bottom: 12%;width:45px;height:240px;}
.suspension-box{position:relative;float:right;right: 1px;}

/* 客服区图标样式 */
.suspension-box .layui-icon-play {color: #fff;vertical-align: middle;font-size: 22px;height: 22px;line-height: 22px;display: block;margin: 0 auto;padding: 3px 0 0 0;text-align: center;}
.suspension-box .layui-icon-download-circle{color: #fff;vertical-align: middle;font-size: 22px;height: 22px;line-height: 22px;display: block;margin: 0 auto;padding: 3px 0 0 0;text-align: center;}
.suspension-box .layui-icon-login-wechat {color: #fff;vertical-align: middle;font-size: 22px;height: 22px;line-height: 22px;display: block;margin: 0 auto;padding: 3px 0 0 0;text-align: center;}
.suspension-box .layui-icon-edit {color: #fff;vertical-align: middle;font-size: 22px;height: 22px;line-height: 22px;display: block;margin: 0 auto;padding: 3px 0 0 0;text-align: center;}
.suspension-box .layui-icon-top {color: #fff;vertical-align: middle;font-size: 22px;height: 22px;line-height: 22px;display: block;margin: 0 auto;padding: 3px 0 0 0;text-align: center;}

.suspension .a{display:block;width:45px;height:45px;line-height: 20px;text-align:center;background-color:#4aa6fc;border-bottom: 1px solid #fff;cursor:pointer;outline:none;}
.suspension .roll{font-size:12px; font-style:normal;color:#fff; text-align:center;display: inline-block;vertical-align: top;-webkit-text-size-adjust: none;}
.suspension .a.active,
.suspension .a:hover{background:#53bf1d;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(https://img.sutuihuo.com/stlimg/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(https://img.sutuihuo.com/stlimg/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-cart .i{background-position:-44px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:243px;background:#f1f1f1;position:absolute;right:50px;border: 1px solid #53bf1d;border-radius: 8px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d-service-phone .arrow{position:absolute;width:8px;height:12px;background:url(https://img.sutuihuo.com/stlimg/side_bg_arrow.png) no-repeat;right:-10px;top:260px;}
.suspension .d-service .arrow{position:absolute;width:8px;height:12px;background:url(https://img.sutuihuo.com/stlimg/side_bg_arrow.png) no-repeat;right:-10px;top:176px;}
.suspension .d-service{top: -68px;;}
.suspension .d-service-phone{top:-195px;}
.suspension .d-header-tips { width:100%; height:42px;line-height: 42px;border-radius: 5px 5px 0 0;background:#53bf1d;}
.suspension .d-header-tips span {
    padding-left: 8px;
    line-height: 28px;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    color: #fff;
    text-rendering: optimizelegibility;
}
.suspension .d-header-tips .fa-pencil-square {
    color: #fff;
    vertical-align: middle;
    margin: 0 0 0 8px;
    font-size: 20px;
    display: -webkit-inline-box;
}
.suspension .d-tips-block {font-size:14px; color:#333;padding: 8px;}
.suspension .d-email-block { padding: 0 8px;}
.suspension .d-phone-txt {font-size:14px; color:#666; font-weight:bold;}
.suspension .d-danger-tips {
    color: red;
}
.suspension .d-textarea { padding:0 8px;}
.suspension .d-textarea textarea {
    width: 95%;
    height: 54px;
    padding: 4px;
    vertical-align: top;
    resize: none;
    overflow: auto;
    box-sizing: content-box!important;
    display: inline-block;
    color: #9A9A9A;
    border: 1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
.suspension .d-email {
    width: 95%;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    color: #9A9A9A;
    padding: 4px;
    padding-top: 0;
    box-sizing: content-box!important;
    padding-bottom: 0;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    vertical-align: middle!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -ms-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
.suspension .d-foote {
    padding-top: 10px;
    text-align: center;
}
.suspension .d-btn-primary {
    background-color: #388bff;
    _width: 82px;
    border-color: #3c8dff #408ffe #3680e6;
}
.suspension .d-btn-primary, .d-btn-primary:visited {
    color: #fff!important;
}
.suspension .d-btn {
    display: block;
    padding: 0;
    margin: 8px auto 0 auto;
	width:82px;
    height: 30px;
    line-height: 27px;
    font-size: 14px;
    filter: chroma(color=#000);
    border: 1px solid #d8d8d8;
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-color: #53bf1d;
    overflow: hidden;
    outline: 0;
	border-radius: 4px;
}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{color: #555;}
.suspension .d-service .d-service-item{border-radius: 5px;background: #f1f1f1;padding: 0 0 10px 0;}
/*.suspension .d-service-item .circle{width:44px;height:44px;line-height: 36px;border-radius:50%;overflow:hidden;background:#fbfbfb;display:block;float:left;}
.suspension .d-service-item .marn {margin-top:80px;}*/
.suspension .d-service-item .fa-weixin {color:#fff;vertical-align: middle;font-size: 22px; margin:0 0 3px 8px;}
.suspension .d-service-item .fa-qq {color:#fff;vertical-align: middle;font-size: 22px;margin: 0 0 3px 8px;}
.suspension .d-service-item .fa-comments-o {color:#fff;vertical-align: middle;font-size: 26px;margin:0 0 3px 8px;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(https://img.sutuihuo.com/stlimg/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(https://img.sutuihuo.com/stlimg/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:100%;line-height:22px;font-size:14px; text-align:center; margin: 3px auto 8px auto;}
.suspension .d-service-item .text .wxcode{width:136px;height:136px; margin:0 auto;background:url(https://img.sutuihuo.com/stlimg/yipuku-icon.png) no-repeat 0 0;display:block;background-size: 100%;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-item .text .online-service-btn {display: block;
    padding: 0;
    margin: 8px auto 0 auto;
    width: 82px;
    height: 30px;
    line-height: 27px;
	color: #fff;
    font-size: 14px;
    filter: chroma(color=#000);
    border: 1px solid #ccc;
    cursor: pointer;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    background-color: #53bf1d;
    overflow: hidden;
    outline: 0;
    border-radius: 4px;
}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(https://img.sutuihuo.com/stlimg/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

@media screen and (max-width: 1192px) {.suspension {margin-right: -435px;}}
@media screen and (max-width: 1024px) {.suspension {margin-right: -435px;bottom: 25%;}}
@media screen and (max-width: 942px) {.suspension {margin-right: -382px;}}

/* 推荐位样式 */
.bottom_bor {border-top: 8px solid #efefef;border-bottom: 8px solid #efefef;width: 100%;max-width: 766px;margin: 10px auto;}
.bottom_bor a {text-decoration: none;color: #2b54ff;}
.bottom_bor ul {list-style: none;margin: 0;padding: 0;}
.d_title {border-bottom: 1px solid #dfdfdf;overflow: hidden;line-height: 35px;padding: 0;position: relative;}
.d_title h3 {font-size: 20px;font-weight: bold;color: #666;margin: 0;padding: 0;font-style: normal;text-decoration: none;}
.list ul li {padding: 10px 3px;overflow: hidden;zoom: 1;position: relative;border-bottom: 1px solid #e8e8e8;}
.list ul li .img {margin-right: 8px;display: block;width: 108px;height: 128px;border: 1px solid #ccc;border-radius: 8px;float: left;}
.list ul li .img span {position: absolute;top: 29%;width: 108px;height: 62px;line-height: 42px;font-size: 34px;color: #555;text-align: center;background: #af5;margin: 0;padding: 0;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.list ul li .img span u {font-style:normal;font-weight:bold;text-decoration:none;width: 100%;display:block;}
.list ul li .img span i {font-style:normal;font-weight:bold;text-decoration:none;width: 100%;font-size:14px;color:#222;line-height: 16px;display: block;}
.list ul li img {width: 108px;height: 128px;border-radius: 8px;}
.list ul li h4 {-webkit-box-flex: 1;color: #777;font-size: 16px;font-style: normal;font-weight: normal;overflow: hidden;margin: 0;padding: 0;}
.list ul li .bkimg1 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px 0 no-repeat #eee;}
.list ul li .bkimg2 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -128px no-repeat #eee;}
.list ul li .bkimg3 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -256px no-repeat #eee;}
.list ul li .bkimg4 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -384px no-repeat #eee;}
.list ul li .bkimg5 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -164px no-repeat #eee;}
.list ul li .bkimg6 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -304px no-repeat #eee;}
.list ul li .bkimg7 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -84px no-repeat #eee;}
.list ul li .bkimg8 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -184px no-repeat #eee;}
.list ul li .bkimg9 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -204px no-repeat #eee;}
.list ul li .bkimg10 {background:url("https://img.sutuihuo.com/style/images/lits.png") -10px -45px no-repeat #eee;}
.list ul li p {-webkit-box-flex: 1;color: #777;margin: 0;padding: 0;line-height: 68px;}
.list ul li p a {display: block;height: 16px;line-height: 16px;font-size: 16px;}
.list ul li p em {font-style:normal;font-size:14px;color: #fff;padding: 0 2px;margin: 0 4px 0 0;border-radius:4px;}
.list ul li p .jianyi {border:1px solid #090;background-color:#390;}
.list ul li p .jinjie {border:1px solid #00f;background-color:#03f;}
.list ul li p .gaoji {border:1px solid #f00;background-color: #f00;}
.list ul li p .tanchang {border:1px solid #090;color: #090;}
.list ul li p .hexian {border:1px solid #090;color: #090;}
.list ul li p .danyin {border:1px solid #090;color: #090;}
.list ul li p .zhitan {border:1px solid #090;color: #090;}
.list ul li p span {display: block;line-height: 16px;height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font: 12px "\5FAE\8F6F\96C5\9ED1";}
.list ul li p u {margin: 0 6px;padding: 0 6px;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
.list ul li .btn {width: 95px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;color: #fff;background: #65bb0a;position: absolute;right: 0;bottom: 60px;border-radius: 4px;}
.list-display-none{display: none;}
.list-display-block{display: block;}
@media screen and (max-width: 942px) { 
.bottom_bor { max-width: 750px;}
}

/* 隐藏数据样式 */
.article-id{display: none;}/* 文章id */

/* 登陆弹窗样式 */
.layui-card .card-title{font-size: 18px;display: flex;justify-content: center;align-items: center;}
.layui-card-body #loginDiv{display:none!important}
.layui-card-body .navbar-header>button{display:none!important}
.layui-card-body .formDiv h2{padding:10px 0 20px;font-size:20px;color:#545454}
.layui-card-body .errMsg{color: #f00;display:none}
.layui-card-body .third-auth{text-align:center;position:relative;padding:10px 0}
.layui-card-body .third-auth a{color:#666;margin:15px 20px 0 30px;width:40px;height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-radius:4px;zoom:1;background:#fff}
.layui-card-body .third-auth a.qq{background-position:0 0}
.layui-card-body .third-auth a.wx{background-position:center}
.layui-card-body .third-auth a.dt{background-position:right}
.layui-card-body .title{padding:10px 0 20px;font-size:20px;color:#545454}
.layui-card-body html,body{height:100%;padding:0;background:#fff}
.layui-card-body .main-warp{    left: 0;
    right: 0;
    overflow: hidden;}
.layui-card-body .navbar{min-height:60px}
.layui-card-body .navbar-inverse{background-color:#fff;border-color:#fff;color:#676767}
.layui-card-body .main-content{background:#fff;padding: 0;margin:0 auto;}

.layui-card-body .input-warp{display: flex;border: 1px solid #53bf1d;
    border-radius: 2px;
    height: 42px;
    line-height: 42px;}
.layui-card-body .input-warp.focus{border-color:#649efd}
.layui-card-body .login-buy-tips{background: #fda;border-radius: 4px;font-size: 16px;padding: 14px 14px 8px 14px;overflow: hidden;}
.layui-card-body .login-buy-tips span{display: block;width: 80px;padding: 0 8px;font-weight: bold;letter-spacing: 4px;color: #333;border-bottom: 2px solid #333;}
.layui-card-body .login-buy-tips p{margin: 5px 0;color: #333;}
.layui-card-body .login-buy-tips-hidden{display: none;}
.layui-card-body .login-reg-tips{margin: 20px auto 0 auto;}
.layui-card-body .login-reg-tips span{color: #333;text-align:center; display:block;}
.layui-card-body .error-content{text-align:center;}
.layui-card-body input::-ms-clear{display:none}
.layui-card-body input::-ms-reveal{display:none}
.layui-card-body .gap .layui-icon-cellphone, .gap .layui-icon-vercode, .gap .layui-icon-password {padding: 0 18px;margin:0;font-size: 20px;width: 32px; text-align:center;background: #53bf1d;color: #fff;}
.layui-card-body .inputs{flex: 1;width:80px;border:0;padding: 0 0 0 4px;color:#545454;background:transparent}
.layui-card-body .inputs:focus{outline:0}

.layui-card-body .gap{margin: 10px auto;text-align: right;}
.layui-card-body .biggap{margin-top:40px}
.layui-card-body .gap .split-space{color:#649efd;margin:0 10px}
.layui-card-body a.login-link{color:#649efd;font-size: 16px;top:5px;}
.layui-card-body a.login-link:hover{color:#649efd;text-decoration:underline}
.layui-card-body .third-party-title{border-bottom:1px solid #dedede}
.layui-card-body .third-party-title h5{margin-bottom:-5px}
.layui-card-body .third-party-title span{background-color:white;padding:0 10px 0 10px;color:#545454}
.layui-card-body .btn-code{background-color: #53bf1d;
    color: #fff;
    border: 0;
    width: 100px;
    height: 42px;
    line-height: 40px;
    font-size: 14px;
	text-align:center;}
.layui-card-body .input-code {display: flex;}
.layui-card-body .code-show-btn{background-color: #53bf1d;}
.layui-card-body .iconfont{font-size: 16px;}
.layui-card-body .text-center-dl {text-align:center;}
.layui-card-body .lgbtn {display: block;font-size: 16px;color: #666;width: 120px;height: 42px;line-height: 16px;cursor: pointer;background-image: none;user-select: none;border: 1px solid #ccc;background: #eee;border-radius: 2px;margin: 32px auto;}

.layui-card-body .login-bot-txt{margin: 18px auto 0 auto;text-align: right;}
.layui-card-body .login-txt-psw {color: #090; font-size: 16px;line-height: 16px;}
.layui-card-body .login-txt-cod {color: #4aa6fc; font-size: 16px;line-height: 16px;}
.login-txt-psw .layui-icon-password {font-size: 16px; color: #090; margin:0 2px 0 0;}
.login-txt-cod .layui-icon-vercode {font-size: 16px; color: #4aa6fc; margin:0 2px 0 0;}
/*登陆弹层icon图标 new s */
.layui-card-header .layui-icon-username {font-size: 20px;}
/*登陆弹层icon图标 new e *

/*支付弹出层 new s */
.pay-popup {padding: 10px;}
.pay-popup-money {
    font-size: 18px;
    margin: 0 auto;
    height: 82px;
    padding: 0 0 10px 0;
}
.pay-popup-money span {font-size: 22px;color: #090;}
.pay-popup-money span .layui-icon-rmb {font-size: 24px; color: #090; margin: 0; padding: 0; /*后面是兼容IE垂直居中*/width: 24px\0; height:24px\0; line-height:30px\0;}
.pay-popup-money span em {font-style:normal; color: #555; margin: 0 6px;}
.pay-popup-money label {font-size:42px;color:#f00;letter-spacing: 3px;}
.pay-popup-tip {height: 20px; line-height: 20px;}
.pay-popup-tip .layui-icon-tips {font-size: 16px; color: #666; margin: 0; padding: 0; /*后面是兼容IE垂直居中*/width: 16px\0; height:16px\0; line-height:19px\0;line-height: 16px;}
.pay-popup-tip p {font-size: 14px; color: #888; margin: 0 0 0 4px;}
.pay-popup-tip .span-font-blue{
    color: blue;
}
.pay-popup .setmeal-pay-but{
    flex: 1;
    height: 42px;
    line-height: 16px;
    margin: 0;
    padding: 0 8px;
    cursor: pointer;
}
.pay-popup .setmeal-pay-but em {
    font-size: 16px;
    line-height: 16px;
    color: #07c160;
    font-style: normal;
}
.pay-popup .layui-icon-template-1{
    font-size: 32px;
    color: #07c160;
    margin: 0;
    padding: 0;
}
.pay-popup .no-login{
    font-size: 12px;
    color: red;
    font-weight: 900;
    display: inline-grid;
}
.pay-view-code {margin: 8px 0;}
.pay-view-code label {
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 96px;
    height: 39px;
    line-height: 39px;
    padding: 0 6px;
    background-color: #07c160;
    border: 1px solid #07c160;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pay-view-code input {
    flex: 1;
    height: 39px;
    padding: 0 0 0 4px;
    border: 1px solid #07c160;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pay-line {width: 92%;height: 1px;margin: 12px auto;border-top: 1px solid #eee;display: block;}
.pay-popup-but {padding: 4px 0 14px 0;}
.pay-popup-but span {width: 158px;height: 42px;line-height: 42px;text-align: center;border: 1px solid #ccc;border-radius: 3px;margin: 8px auto;padding: 0;}
.pay-popup-but span buttom {width: 158px;height: 42px;line-height: 40px;margin: 0 auto;padding: 0;display: block;background-color: transparent;overflow: hidden;}
.wx-pay-but {flex: 1;height: 42px;line-height: 42px;margin: 0;padding: 0 8px;cursor: pointer;}
.wx-pay-but .layui-icon-login-wechat {font-size:32px; color: #07c160; margin: 0; padding: 0; /*后面是兼容IE垂直居中*/width: 32px\0; height:32px\0; line-height:36px\0;}
.wx-pay-but em {font-size:18px; letter-spacing: 4px; color: #07c160; font-style: normal;}
.al-pay-but {flex: 1;height: 42px;line-height: 42px;margin: 0;padding: 0 12px;}
.al-pay-but .layui-icon-auz {font-size:32px; color:#1677ff; margin: 0; padding: 0; /*后面是兼容IE垂直居中*/width: 32px\0; height:32px\0; line-height:36px\0;}
.al-pay-but em {font-size:18px; color:#1677ff; font-style: normal;}
.qq-pay-but {flex: 1;height: 42px;line-height: 42px;margin: 0;padding: 0 12px;}
.qq-pay-but .layui-icon-login-qq {font-size:32px; color:#1677ff; margin: 0; padding: 0; /*后面是兼容IE垂直居中*/width: 32px\0; height:32px\0; line-height:36px\0;}
.qq-pay-but em {font-size:18px; letter-spacing: 5px; color:#1677ff; font-style: normal;}
.pay-befr-tips {font-size: 14px; color: #999;}
.pay-befr-tips span {font-weight: bold;}
.pay-befr-tips p {line-height: 20px;}
/*支付弹出层 new e*/

/* 谱集劵表格样式 s */
.puji-msg{
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
.puji-msg h3{
    text-align: center;
    width: 120px;
    margin: 0 auto 5px auto;
    border-bottom: 2px solid #0a0;
}
.puji-msg .layui-icon-tips{
    font-size: 16px;
}
.puji-msg .layui-icon-triangle-r{
    font-size: 16px;
    margin: 0;
}
.puji-msg .span-font-blue{
    color: blue;
}
.puji-table{
    line-height: 25px;
}
.puji-table .left{
    width:40%;
    border: 1px solid;
}
.puji-table .center{
    width:40%;
    border: 1px solid;
}
.puji-table .right{
    width:20%;
    border: 1px solid;
    
}
.puji-table .right .buy-setmeal{
    color:blue;
}
/* 谱集劵表格样式 s */

/* 谱集广告图片样式 s */
.bn_article_layout p {margin: 16px auto;}
.bn_article_layout p a {width: 100%; height: 98px; border: 0;}
/* 谱集广告图片样式 e */

/* 谱集列表页样式 s */
.relatednews .book-list .cover-img{
    width: 140px;
    padding: 4px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
  }
  .relatednews .book-list .book-info{
    margin-left: 10px;
  }
  .article_con .relatednews .book-list p {
    white-space: normal;
  }
  .relatednews .book-list .book-title{
    color: #000;
    font-size: 18px;
    font-weight: bold;
  }
  .relatednews .book-list .book-describe{
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px;
  }
  .relatednews .book-list .book-price{
    font-size: 20px;
    color: #1ac14b;
    font-style: normal;
  }
  .relatednews .book-list .btn{
    width: 158px;
    height: 39px;
    line-height: 39px;
    font-size: 16px;
    letter-spacing: 3px;
    color: #fff;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #0a0;
    margin: 0 auto;
    cursor: pointer;
    padding: 5px;
  }
  .article_con  .relatednews .book-list li a:before{
    content: '';
    display: inline;
  }
  .relatednews .book-list .img-link{
    width: 310px;
    overflow: inherit;
  }
  .relatednews .book-list .explain{
    color: #000;
  }
  .book-list .layui-icon-tips{
    font-size: 16px;
  }
  .relatednews .puji-tips{
    background: #0a0;
    padding: 5px 9px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .relatednews .puji-tips p ,.relatednews .puji-tips h4{
    color: #fff;
  }
  .relatednews .puji-tips h4{
    font-weight: 700;
    color: #fff;
  }
  .relatednews .puji-tips .layui-icon-tips{
    font-weight: 700;
    color: #fff;
    font-size: 16px;
  }
/* 谱集列表页样式 e */