/*	
Theme Name: jitatang
Theme URI:http://www.jitatang.cn
Description: 吉他堂主题
Version: 1.0
Author: 
Author URI: http://www.jitatang.cn
*/

/*css基础格式化*/
html{box-sizing:border-box;}
*,:after,:before{box-sizing:inherit}
* {outline: none;}
body{margin:0;background:#f3f6f8!important;color:#333333;font-size:14px;line-height:20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}
h1,h2,h3,h4 {font-weight: normal;padding: 0;margin: 0;line-height: 1; }
ul,li {list-style: none;margin:0;padding: 0}
img{height:auto;max-width:100%;vertical-align:middle} 
hr {clear: both;margin-top: 40px; border: 0;color: #ccc;text-align: center;letter-spacing: 7px;font-family: cursive;}
hr::before {content: '***';font-size: 17px;}
ol,ul{list-style:none;margin:0;padding: 0} 
input,textarea {outline:none; resize:none;border: 0;} 
button:hover,input[type=submit]:hover,input[type=button]:hover{outline:0;border: 0;}
button:focus,textarea:focus,input[type=button]:focus{outline:0;border:0}
a{text-decoration: none;}
a.red,.red {color: #ff0000!important;}
.block {display: block;}
.none {display: none;}
.inline{display: inline-block;}
.bold {font-weight:bold;}
.clear{clear: both;display: block;width: 100%;}
.clear:after{clear:both;content: '';display: block;}
.fl {float: left;}
.fr {float: right;}
.relative {position: relative;}
.absolute {position: absolute;}
.yihang{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box {padding:20px;background:#ffffff;box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius:6px;position: relative;z-index: 99;}
.box:after{clear:both;content: '';display: block;}
.lianghang{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.flexinbox{display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flexcenter{display:flex;align-items:center; /* 文字垂直居中 */ display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */justify-content: center;  /* 一行文字的时候 text-align 无效 */}
.btn{display:inline-block;margin:0;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
@font-face {font-family:"number";src:url("static/fonts/DIN.woff") format("woff"),url("static/fonts/DIN.ttf") format("truetype"),url("static/fonts/DIN.eot") format("embedded-opentype"),url("static/fonts/DIN.svg") format("svg");}
@font-face{font-family:DINCond-Black;src:url(static/fonts/DINCond-Black.ttf)}
.number {font-family:number;display: inline-block;}
.jttalert {position:fixed; z-index:1000001;top:30%;left: 50%;transform: translate(-50%,-50%);margin:0 auto;text-align: center;}
.jttalert .alertbox {background:#333333;color: #ffffff; box-shadow:0 2px 10px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.15);-moz-box-shadow:0 2px 10px 0 rgba(0,0,0,.15);-o-box-shadow:0 2px 10px 0 rgba(0,0,0,.15);border-radius:5px;line-height:26px; padding: 8px 12px;display:flex;align-items:center;display: -webkit-flex; -webkit-align-items: center;justify-content: center;}
.jttalert .alertbox img {width:16px;height:16px;margin-right: 5px;}
.jttalert .alertbox a{position: relative; color: #ffffff; margin-left:6px; }
.jttalert .alertbox a:after{content: "▸";padding-left:3px; }
.largehead {clear: both; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:30px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-bottom:20px; }
.largehead .largehead-title {font-size:16px;font-weight:bold;color:#575757;margin-left: -20px;}
.largehead .largehead-title:before {content:"▍";width:3px;color:#333333}
.largehead .largehead-more {font-size:14px;font-weight:400;color:#858585;padding-right:15px;}
.smallhead {color:#666666;font-size:14px;margin-left: -20px;margin-bottom:20px;font-weight:bold;position:relative}
.smallhead:before {content:"▍";width:3px;color:#333333}
@-webkit-keyframes circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}
@keyframes circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.loading{font-size:0;padding:5px;position:relative;vertical-align:middle}
.loading_spinner{display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;position:relative;vertical-align:middle;-webkit-animation:loading .8s linear infinite;animation:loading .8s linear infinite;color:#fff;-webkit-animation-duration:2s;animation-duration:2s}
.loading_circular{display:block;width:100%;height:100%}
.loading_circular circle{-webkit-animation:circular 1.5s ease-in-out infinite;animation:circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.showLoading{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:90px;max-width:70%;min-height:90px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-break:break-all;background-color:rgba(50,50,51,.68);border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:9999999}
.showLoading_text{margin-top:8px}
.txt-hid1 {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.txt-hid2 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.txt-hid3 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.txt-hid4 {text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.background-img{width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;background-position: center center; background-repeat:no-repeat;background-size:cover;filter:blur(2em);opacity:.07;z-index: 0;}
.bigImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: auto;height: 100%;}
.opacityBottom {width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.8);z-index: 1000000;top: 0;left: 0;transition: 0.3s;}
.none-scroll {height: 100%;overflow: hidden;}
.message{position:fixed;left:50%;top:40%;transform:translateX(-50%);border:1px solid #EBEEF5; box-sizing: border-box; border-radius:5px;transition:top .3s ease-out;opacity .3s ease-out;padding:10px 12px 10px 18px;display:flex;align-items:center;z-index:2000; }
.message-icon{position:relative;margin-right:10px;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;font-size:14px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;}
.message-icon:before{content:"✔";color:#fff;}
.message-icon:after{display:block;position:absolute;content:"";width:16px;height:16px;line-height:16px;left:-3px;top:-1px;border-radius:50%;text-align:center;z-index:-1;}
.message-success {background-color:#f0f9eb;}
.message-success .message-icon:after{background:#67C23A;}
.message-success .message-content{color:#67C23A;}
.message-success .message-content a{font-size: 13px; color:#ffffff;margin-left:5px;background:#60b23A; padding:1px 3px;border-radius:3px;}
.toast-notice {position: fixed;top: 50%;  left: 50%;transform: translateX(-50%);  z-index: 9999;display: inline-flex;align-items: center;gap: 16px;padding: 12px 16px;background-color: #ecf9ee;border: 1px solid #27ae60;border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
.notice-text {font-size: 14px;color: #222;font-weight: 500;}
.notice-text .link {color: #007aff;text-decoration: none;margin-left: 8px;cursor: pointer;}

/*通用头部*/
.widthfw {width:1060px;}
.width100 {width:100%;}
.fullwidth {width:1060px;margin:0 auto;display: block;clear: both;}
.list-left {width:770px; float: left;margin-top:30px;}
.list-right {width:280px; float: right;margin-top:30px;}
.content-left {width:710px;float:left;margin-bottom: 30px;}
.content-right {width:340px;float:right;} 
.gtp-left {width:770px; float: left;}
.gtp-right {width:280px; float: right;}

.header {background:#000000;position:fixed;top: 0;width: 100%;z-index: 1001;box-shadow:0 2px 10px 0 rgba(52,52,52,.1)}
.header-content {width:1060px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:80px;}
.header_d1 {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.header_d1 img {height:40px;margin-right:80px;border: 0;}
.header-search {width:280px;height:36px;position:relative;}
.header-search input {width:100%;height:100%;outline:none;padding:4px 10px 4px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#353535;-webkit-border-radius:31px;border-radius:31px;background:#ffffff;}
.header-search input::-webkit-input-placeholder {color:#363636;opacity:0.8;}
.header-search .header-search-icon {position:absolute;left:15px;top:9px;cursor:pointer;color: #565656;}
.header_d2 {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.header_d2 .menu,.header_d2 .menu li{list-style: none;float: left;}
.header_d2 .menu li {opacity:0.9; margin-right:16px;min-width:52px; text-align:center;}
.header_d2 .menu li a{font-weight: bold;font-size:15px;color:#ffffff;opacity:0.9; }
.header_d2 .menu li.current-menu-item a {color: #ff6633;}
.header_d2 .menu li a:hover {opacity:1;} 
.fapu {font-weight: bold;font-size:15px;color:#ffffff;opacity:0.9;}
.header_d2 .header-line {width:0px;background:#999999;height:14px;margin: 0 10px}
.header_d2 .header-btn {font-size:14px;font-weight:500; -webkit-border-radius:15px;border-radius:15px;text-align:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.header_d2 .header-fapu {width:90px;height:30px;line-height:30px;color:#333333;margin-left:10px;background:#ffffff;}
.header_d2 .header-login {width:90px;height:30px;line-height:30px;color:#ffffff;margin-left:30px;background:#ff6633;}
.headerblock {width: 100%;height: 80px;}

/*首页*/
.banner-wrap {margin-bottom:30px;outline:0;border:0;position:relative;}
.banner-wrap a {color:#fff;text-decoration:none}
#banner {list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
#banner li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
#banner li:first-child {position:relative;display:block;float:left}
#banner img {display:block;height:auto;float:left;width: 770px; height:280px;border:0;object-fit:cover;border-radius:6px;}
.banner-shadow {position:absolute;left:0;bottom:0;padding:15px 0;width:100%;border-radius:6px; background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.8));background:linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.3));color:#fff;font-size:16px;font-weight:bold}
.banner-shadow .title {padding-left:20px}
.indexbanner_tabs {margin-top:-35px;position:relative;z-index:88;margin-right:20px;float:right;list-style: none;}
.indexbanner_tabs li{display:inline-block;width:10px;height:10px;margin-left:10px;border-radius:10px;background:#fff;list-style: none;}
.indexbanner_tabs li.indexbanner_here  {background:red;width: 30px;}
.indexbanner_nav {position:absolute;width:30px;height: 30px;border-radius: 30px; display:none;background:#999;color:#fff;top:125px;opacity:.5;z-index:3;overflow:hidden;text-align:center;vertical-align:middle}
.indexbanner_nav i {font-size:16px;line-height: 30px;  }
.indexbanner_nav.prev {left:15px}
.indexbanner_nav.next {right:15px}
.banner-wrap:hover .indexbanner_nav {display:block}
.indexbanner_nav:hover,.indexbanner_nav:active {background:#333;opacity:.3}

/*吉他谱列表页*/
.pu-list {margin-bottom:30px;width:100%;display:block;clear: both;padding: 20px;background:#ffffff;box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius:6px;position: relative;z-index: 2;}
.pu-list:after{clear:both;display: block;}
.pu-list-head {background-color: #f2f2f2; color:#888888;display: flex;margin-bottom: 15px;font-size: 13px;font-weight: bold;border-radius:6px; }
.pu-list-head .pu-list-title,.pu-list-ul .pu-list-title {display: flex; width: 243px;}
.pu-list-head .pu-list-meta,.pu-list-ul .pu-list-meta {display: flex;width:calc(100% - 243px);}
.pu-list-head .pu-list-title span, .pu-list-head .pu-list-meta span{flex: 1;display: inline-block;text-align: center;padding:10px 0;}
.puchange{float:right;margin-top:-10px;height:28px; font-size: 12px;border: 2px solid #f1f2f5;border-radius: 20px;background: #f1f2f5;}
.puchange a{padding: 0 10px; color: #565656;height:24px;border-radius:24px;transition: all .2s linear;-moz-transition: all .1s linear; -webkit-transition: all .1s linear;-o-transition: all .1s linear}
.puchange a.pucurrent{background: #fff;box-shadow: 0 1px 4px rgba(0,0,0,.1);border-radius: 18px; color: #565656;font-weight: bold;}
.pu-list .pu-list-ul{padding: 20px 0 0;}
.pu-list .freepu,.pu-list .gtppu{display: none;}
.pu-list-ul li {display: flex;align-items: stretch;margin-bottom:40px;background: #fff; } 
.pu-list-ul .list-img img {width:95px;height:95px;object-fit: cover;border-radius: 3px;} 
.pu-list-ul .list-img:hover img {-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out}
.pu-list-ul .list-meta{margin-left:15px;width: 130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis }
.pu-list-ul .pu-list-title, .pu-list-ul .pu-list-meta{align-items: center;}
.pu-list-ul .pu-list-title a:hover {color: #ff6633;}
.pu-list-ul .pu-list-title .title {display:block; font-weight: bold;font-size: 15px; color: #565656;line-height:1.8;}
.pu-list-ul .pu-list-title .star {display:block; color:#888; margin-right: 6px;margin-top:6px;font-size: 13px;}
.pu-list-ul .pu-list-title .author{color:#666666;margin-top:22px; font-size: 12px;display: inline-flex;justify-content: center;align-items: center;} 
.pu-list-ul .pu-list-title .author .avatar{position:relative;border-radius:50%;float:left; margin-right:4px;width:20px;}
.pu-list-ul .pu-list-title .author .avatar img{display:block;padding: 0;margin: 0; width:20px;height:20px;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,0.1),0 0 0 1px rgba(0,0,0,0.03);} 
.pu-list-ul .pu-list-title .author a,.pu-list-ul .pu-list-title .author a:hover{color:#353535;display: block;} 
.pu-list-ul .pu-list-meta .pu-hyd {flex: 1;text-align: center;display: inline-block;font-size: 12px; color: #999999;}
.pu-list-ul .pu-list-meta .huanyuandu {width:70px; height: 4px; background: #f5f5f5;margin: 10px 0 6px;}
.pu-list-ul .pu-list-meta .huanyuandu-bar {border-radius:4px;height: 4px; background: linear-gradient(90deg,#ff0000 0,#ff6600 100%);}
.pu-list-ul .pu-list-meta .pu-diao {font-size: 13px;color: #666666;flex: 1;text-align: center;display: inline-block;}
.pu-list-ul .pu-list-meta .pu-nandu {font-size: 13px;color: #666666;flex: 1;text-align: center;display: inline-block;}
.pu-list-ul .pu-list-meta .pu-nandu i{color: #ff6600;padding-right: 2px;}
.pu-list-ul .pu-list-meta .pu-view {font-size: 13px;color: #666666;flex: 1;text-align: center;display: inline-block;}
.pu-list-ul .pu-list-meta span {padding-right: 2px; font-weight: bold;font-family: number;}

.music_pulist {background: #ffffff;padding: 20px 20px;}
.music_puitem .music_puitem_img {float: left;margin-right:12px;position: relative;}
.music_puitem .music_puitem_img img {width:50px;height:50px;border-radius:3px;}
.music_puitem:hover img {transition: background-size .5s ease-in;}
.music_puitem {cursor: pointer;width:48%;margin-bottom: 20px; margin-right: 4%; float:left;box-sizing: border-box; display:inline-block;padding:12px 15px;border-radius: 5px; background: #f8f9f9;}
.music_puitem:nth-child(2n){margin-right:0} 
.music_puitem:hover{background:#F9FAFD !important}
.music_puitem_r{display:flex;flex-direction:column; }
.music_puitem_r .music_puitem_title {font-size:15px;font-weight: bold; line-height:1.4;padding:0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.music_puitem_r .music_puitem_title a{color: #676767}
.music_puitem_r .music_puitem_title a:hover{color: #ff6600}
.music_puitem_r .music_puitem_meta { margin-top: 10px; color:#676767;width: 100%;line-height:1.6; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.music_puitem_r .music_puitem_star {font-size: 12px;}
.music_puitem_r .music_puitem_pointer {margin:0 1px;}
.music_puitem_r .music_puitem_type { font-size: 12px; }
.music_puitem_r .music_puitem_count {float: right;font-size: 12px; }
.music_puitem_r .music_puitem_count .number{padding: 0 3px; }

.slidead {margin-bottom:30px;}
.slidead img{width: 240px;height:240px;}
.recommend-box {margin-bottom: 20px;}
.recommend-article {margin-top:30px;}
.recommend-list li{margin-bottom:20px;overflow: hidden;}
.recommend-list li:last-child{margin-bottom:0;}
.recommend-list a {text-decoration: none} 
.recommend-list .recommend-pic {float: left;width:55px;}
.recommend-list .recommend-pic img{width:55px;height: 55px; border-radius: 3px}
.recommend-list .recommend-pic:hover img {-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out}
.recommend-list .recommend-info{padding-left:70px; }
.recommend-list .recommend-info .info-tit{font-weight: bold;font-size:14px;line-height: 30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.recommend-list .recommend-info .info-tit a{color: #333333}
.recommend-list .recommend-info .info-tit a:hover{color: #ff6633}
.recommend-list .recommend-info .info-view{line-height: 25px; color:#888;font-size:12px;}
.recommend-list .recommend-info .info-view span{margin-right: 10px;}

/*精选*/
.index-jingxuan-list{margin:30px auto;display: block;clear: both;}
.index-jingxuan-item{width:128px; float:left;margin-right:20px;margin-bottom:5px;overflow:hidden;position:relative;border-radius:6px;}
.index-jingxuan-item:last-child{margin-right:0}
.index-jingxuan-item:hover .index-jingxuan-item-pic{-webkit-filter:saturate(1.08) contrast(1.08);box-shadow:0 4px 8px rgba(40,40,40,.2)}
.index-jingxuan-item-pic{position:relative;}
.index-jingxuan-item-img{position:relative;width:128px;height:128px}
.index-jingxuan-item-img img{display:block;width:128px;height:128px;border-radius:5px;object-fit: cover;}
.index-jingxuan-item-img .rvmask{position:absolute;bottom:0;left:0;width:100%;height:30px;border-radius:5px;background-image:linear-gradient(to top,rgba(0,0,0,.8),transparent)}
.index-jingxuan-item-img .rvtime{font-family:number;bottom:3px;left:8px;position:absolute;color:#fff;font-size:12px}
.index-jingxuan-item-img .rvview{font-family:number;bottom:3px;right:8px;position:absolute;color:#fff;font-size:12px}
.index-jingxuan-item-pic .icon-bofang{width:34px;height:34px;text-align:center;font-size:16px;line-height:34px;}
.index-jingxuan-item-title a{color: #454545;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;padding-top:8px}
.index-jingxuan-item:hover .index-jingxuan-item-title a{color:#ff6633}

/*内容页*/
.pu-breadcrumbs {margin:12px 0 12px;position: relative;z-index: 2;line-height:25px;height: 25px; }
.pu-breadcrumbs i {vertical-align:1px;padding: 0 2px;}
.pu-breadcrumbs i,.pu-breadcrumbs a,.pu-breadcrumbs h1 {line-height:25px;height: 25px;display: inline-block; color:#676767;font-size:14px;font-weight:normal;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pcaozuo a {color: #ff6600;font-size: 12px;font-weight: bold;}
.daishen{background:#f6f7f9;padding:3px 6px;margin:10px 0 16px; font-size:13px;color:#ff6600;}
.videotip {display: block; background: #fffcf7;text-align: center;padding:5px 0;color: #ff6633;}
.videotip i{padding-left: 3px;vertical-align: -1px;}
.articlevideo {margin-bottom:20px;}
.svplayer{position:relative;}
.svplayer .svpic{width:770px ; aspect-ratio:7/4;object-fit:cover;border-radius:5px}
.svplayer .svplay-btn{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 关键：回退自身宽高的一半 */
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-image:-webkit-linear-gradient(311deg,#ec1700 0,#fc7c0a 100%);background-image:linear-gradient(139deg,#ec1700 0,#fc7c0a 100%);
  opacity: .93;
  color: #fff;
  display: flex; 
  align-items: center;
  justify-content: center;
 }
.svplayer .svplay-btn:before{float: left; transform: translateX(3px); /* 往右挪一点 */font-size:32px;}
.iframe-video{display:flex;background:#000;aspect-ratio:7/4;border-radius:3px;position:relative}
.iframe-video iframe{width:100%;height:100%;margin:auto;text-align:center}
.tupuwrap {position: relative;}
.tupuwrap .pupicsilde_nav {position:absolute;top: 45%;z-index: 999;background: #dddddd;color: #ffffff;text-align: center;width: 60px;height: 32px;line-height: 32px;font-size: 13px;}
.tupuwrap .prev{left: 0;border-radius: 0 20px 20px 0;}
.tupuwrap .next{ right: 0;border-radius:20px 0 0 20px; }
.tupuwrap .picnum{position:absolute;bottom: 0;right: 0;z-index: 98;color: #999999;background: #f1f1f1;line-height:35px;height: 35px;padding:0 16px;border-radius:20px 0 0 0 ; }
.tupuwrap:hover .pupicsilde_nav {background: #000000;color: #ffffff;}
.pupic  {padding: 20px;background: #ffffff;  box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius: 6px;position: relative;}
.pupic img {display:block;height:auto;width:670px }
.pupic iframe {width:670px;height: 400px;margin-bottom: 20px;}
.pumore {background:url(static/images/more.png) no-repeat;width:100%;height:62px;background-size:100% 62px;background-repeat:no-repeat;}
.pupicwrap {overflow: hidden;position: relative;}
.pupic-btn{position:relative; text-align:center;margin-bottom:10px;}
.pupic-btn .pupic-shadow{position:absolute;top:-99px;left:0;height:100px;width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),#fff);background-image:linear-gradient(-180deg,rgba(255,255,255,0),#fff)}
.pupic-btn .pupic-button{display:inline-block;width:110px;line-height:30px;margin:12px 8px 0; font-size:14px;color:#ff6600;font-weight: bold; cursor: pointer;} 
.pdfapb {position: absolute;top: 30px;right: 30px;border-radius: 300px; background-color: rgb(0, 0, 0, .7);padding: 8px 15px;color: #ffffff;font-weight: bold;}
.pumeta{padding: 12px 0;color: #cccccc;font-family:number;height:60px; display: block;}
.pumeta .pudate {float: left;}
.pumeta .puview {float:right;}
.pu-mpcode {width:100%;padding:20px;background:#fefefe;box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius:6px;margin-bottom:16px;}
.pu-mpcode img {width: 200px;height: 200px;text-align: center;margin: 0 auto;display: block;}
.pu-mpcode p{text-align: center;letter-spacing: 1px;}

.pu-detail {width:100%;padding:20px;background: -webkit-gradient(linear,left top,left bottom,from(#FFFAE1),color-stop(55.73%,#FFF));
    background: linear-gradient(180deg,#FFFAE1,#FFF 55.73%);box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius:6px;margin-bottom:16px; }
.pu-detail .pu-detail-inner {display:flex;flex-wrap:wrap;overflow:hidden}
.pu-detail .pu-detail-item {margin-bottom:8px;display:flex;align-items:flex-start;flex-basis:50%;font-size:14px;line-height:22px;word-break:break-all}
.pu-detail .pu-detail-item label {color:#999999;flex-shrink:0;font-size:14px;}
.pu-detail .pu-detail-item span {color:#565656;margin-left:4px;font-family:number;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 112px;}
.pu-detail .pu-detail-item a,.pu-detail .pu-detail-item a:hover {color:#565656;}
.pu-detail .pu-detail-item i{line-height: 22px;padding-right: 2px;}
.fsix i{color: #ff6600;}
.copyrightinfo i {font-size: 12px;color: #999999}
.infos {background: #f5f5f5;padding:5px 10px;border-radius:3px; display:none;clear: both;color: #787878;font-size: 12px;margin-top: 10px;line-height: 1.8}
.pu-detail .pu-audio {margin-top: 10px;color: #999999;display: block;}
.pu-detail .pu-info {line-height: 1.8;color:#565656;margin-top: 10px;}
.pu-detail .pu-info span{color: #999999;}
.huanyuandu {display: inline-block; margin-top: 9px; height: 4px;width: 50px;  background: #f5f5f5;}
.huanyuandu-bar {border-radius:4px;height: 4px; background: linear-gradient(90deg,#ff0000 0,#ff6600 100%);}
.pu-download {margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.pu-download a {padding:7px 10px;display: flex;flex: 1;justify-content: center;text-align:center;font-weight: bold;margin: 0 10px;border-radius: 3px;}
.pu-download a i {padding-right:5px;vertical-align:-2px}
.pu-download a:first-child {background-image:linear-gradient(to right,rgb(255,203,0),rgb(255,148,2));color: #ffffff;}
.pu-download a:last-child {background-image:linear-gradient(to right,rgb(255,119,0),rgb(255,73,0));color: #ffffff;}
.pu-pay {margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.pu-pay a {padding:8px 10px;display: flex;flex: 1;justify-content: center;text-align:center;font-weight: bold;margin: 0 10px;border-radius: 3px;}
.pu-pay a i {padding-right:5px;vertical-align:-2px}
.pu-pay a:first-child {background-image:linear-gradient(to right,rgb(255,203,0),rgb(255,148,2));color: #ffffff;}
.pu-pay a:last-child {background-image:linear-gradient(to right,rgb(255,119,0),rgb(255,73,0));color: #ffffff;}
.tips {cursor: pointer;  position: relative;  }
.tips:before{content:"";position: absolute;right:15px;top: -14px;border-bottom: 8px solid transparent;border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 8px solid #ff6600;display: inline-block;width: 0; height: 0}
.tips:after {content:attr(tips) ;font-size: 12px; position:absolute;right:5px;top:-35px;border-radius:3px;background-color: #ff6600;color: #fff;padding: 2px 8px; overflow: hidden; font-weight:500;}
.gopuji {background: #ea4335!important}
.quanxian span {display: inline-block;margin-right:12px; height:22px;line-height:16px;font-size:12px;font-weight:500;padding:3px 6px;border-radius:5px;color:#A95212;background-color:rgba(253,179,63,.12) }
.pu-detail-lock {position: relative;}
.pu-info-lock {opacity: .2; z-index: 1}

.jitatang-downpu-wrap {  position:fixed;top:0;left:0;width:100%;height:100%; background-color:rgba(0,0,0,.4);z-index:1000;}
.jitatang-downpu-wrap .jitatang-downpu-box {position: absolute; background: #ffffff;width:350px;top:45%;left: 50%;transform: translate(-50%,-50%);margin:0 auto;border-radius:10px }
 
.jitatang-downpu-wrap .jitatang-downpu-box .jitatang-downpu-inner {padding:10px 20px 20px;} 
.jitatang-downpu-wrap .jitatang-downpu-box .jitatang-downpu-inner p{line-height: 1.3;padding: 0;} 
.jitatang-downpu-wrap .jitatang-downpu-box .jitatang-close {float: right; margin-top:20px;margin-right:20px;font-size:14px;color: #dddddd;}

/* 下载卡片容器 - jitatang 吉他堂 */
.jitatang-download-list {margin-top: 20px;}
.jitatang-download-card {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px;
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 10px;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.25s;
    margin:20px 0 6px 0;
}
.jitatang-download-card:hover {
    border-color: #ff6633;
    background-color: #f8fbff;
    transform: translateY(-2px);
}

/* 推荐角标 - jitatang */
.jitatang-ribbon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    border-bottom-left-radius: 10px;
    background: linear-gradient(135deg, #ff7a45, #ff5722);
}

/* 图标盒子 - jitatang */
.jitatang-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    margin-right: 15px; 
    background-color: #e6f7ff;
    border-radius: 10px;
    flex-shrink: 0;
} 
.jitatang-icon-box i{
    font-size: 24px;
} 
/* 卡片文字信息 - jitatang */
.jitatang-download-info {
    flex-grow: 1;
}
.jitatang-download-title {
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: 700;
    color: #0050b3;
}
.jitatang-download-info p {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}
.jitatang-download-info b {
    margin: 0 4px;
}


.product-info{width:100%; position: absolute;bottom: 0; z-index: 2; padding:25px 0px 0px;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAHCAMAAAAoNw3DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZjI4OTIxMy1lYzE5LTRiOGUtOTVhMC1kODgyMjgyYjI2ZWQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjY1RUZEQjFFMzVDMTFFNEI2NzBEMEI1NjZBOENFMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjY1RUZEQjBFMzVDMTFFNEI2NzBEMEI1NjZBOENFMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZjM0NDNlZmQtMDkwNy00NDc1LWJlOTYtNzRmOWRhZTg5MWVlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmVmMjg5MjEzLWVjMTktNGI4ZS05NWEwLWQ4ODIyODJiMjZlZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqOuhZMAAAAtUExURff39////+7u7vX19fb29vr6+vHx8fT09PPz8+/v7+3t7erq6vDw8Pj4+Ozs7EoyMs4AAABBSURBVHjadMdLDsAgCAVAHqD4v/9xTWtMG6KzG6KXlEQ/rswU67VNAYR6qRkegY+VhkXjoTljS0N9i+DT2XUKMAClGgHHUVvOJwAAAABJRU5ErkJggg==) top center repeat-x;border:1px solid #f3f3f3;border-top:none;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.product-info .line {border-top: 2px dotted #f2f2f2;width: 100%; position: absolute;bottom:52px;left: 0;}
.product-info:before{content:"";background:#f3f6f8;position:absolute;left:-13px;bottom:40px;width:26px;height:26px;border-radius:50%;z-index:9; }
.product-info:after{content:"";background:#f3f6f8;position:absolute;right:-13px;bottom:40px;width:26px;height:26px;border-radius:50%;z-index:9;border:1px solid #f3f3f3}
.product-info .paipay-qrcode{display: block;} 
.product-info .paipay-qrcode .payprice{padding:0 30px;margin-bottom: 10px; text-align:center; }
.product-info .paipay-qrcode .payprice .payment{font-size:32px;color:#ff6633;padding:15px 0;letter-spacing:2px;font-weight:700;font-family: 'number'; } 
.product-info .paipay-qrcode .payprice .payment small{font-size:18px;} 
.product-info .paipay-qrcode .payprice img{width:150px}
.product-info .paipay-qrcode .payinfo {background:#ffffff;height: 100%; border-radius:0 0 2px 2px;display:block;text-align:center; } 
.product-info .paipay-qrcode .payinfo .paycode{width:150px;height: 150px; padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;background:#fff;position:relative;background-image: url(https://www.jitatang.cn/wp-file/images/qrcode-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;} 
.product-info .paipay-qrcode .payinfo .paycode img{width: 140px;height:140px;box-shadow: 0px 0px 8px 2px rgba(0,0,0,.02);}
.product-info .paipay-qrcode .payinfo .paycode .refresh_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);cursor: pointer;}
.product-info .paipay-qrcode .payinfo .paycode .refresh{font-size:40px;position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);cursor:pointer;color: #fff;}
.product-info .paipay-qrcode .payinfo .paycode .refresh_wrap span{font-size:13px;position: absolute;left: 50%;top: 85%;text-align: center;transform: translate(-50%, -85%);color: #fff;} 
@keyframes saoma{0%{transform:translateY(-100%)}to{transform:translateY(110px)}}
.saoma {animation: saoma 2.0s linear infinite;background: linear-gradient(180deg, rgba(255, 102, 0, 0), rgba(255, 102, 0, .2));height: 40px;left: 0;position: absolute;top: 0;width: 100%;}
.product-info .paipay-qrcode .payinfo .paydesc{margin-top:8px;margin-bottom:0;font-size:12px;color:#bcbcbc;font-family: 'number';}
.product-info .paipay-qrcode .payinfo .buy-info {padding:6px 45px 0;margin-bottom: 75px;}
.product-info .paipay-qrcode .payinfo .buy-info .title{text-align: center;font-size: 16px;color: #454545;font-weight: 650;font-family: 'number';}
.product-info .paipay-qrcode .payinfo .buy-info p{font-size:13px;color: #a4a4a4;margin-top:10px;line-height: 1.8;}

.gtplockinfo{width:100%;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.gtplockinfo .paipay-qrcode{display: block;} 
.gtplockinfo .paipay-qrcode .payprice{padding:0 30px;margin-bottom: 10px; text-align:center; }
.gtplockinfo .paipay-qrcode .payprice .payment{font-size:32px;color:#ff6633;padding:16px 0 10px;letter-spacing:2px;font-weight:700;font-family: 'number'; } 
.gtplockinfo .paipay-qrcode .payprice .payment small{font-size:18px;} 
.gtplockinfo .paipay-qrcode .payprice img{width:110px;}
.gtplockinfo .paipay-qrcode .payinfo {background:transparent;color: #ffffff;  border-radius:0 0 2px 2px;display:block;text-align:center; } 
.gtplockinfo .paipay-qrcode .payinfo .paycode{width:150px;height: 150px; padding:5px;border-radius: 2px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;background:#fff;position:relative;background-image: url(https://www.jitatang.cn/wp-file/images/qrcode-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;} 
.gtplockinfo .paipay-qrcode .payinfo .paycode img{width: 140px;height:140px;box-shadow: 0px 0px 8px 2px rgba(0,0,0,.02);}
.gtplockinfo .paipay-qrcode .payinfo .paycode .refresh_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);cursor: pointer;}
.gtplockinfo .paipay-qrcode .payinfo .paycode .refresh{font-size:40px;position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);cursor:pointer;color: #fff;}
.gtplockinfo .paipay-qrcode .payinfo .paycode .refresh_wrap span{font-size:13px;position: absolute;left: 50%;top: 85%;text-align: center;transform: translate(-50%, -85%);color: #fff;} 
@keyframes saoma{0%{transform:translateY(-100%)}to{transform:translateY(110px)}}
.saoma {animation: saoma 2.0s linear infinite;background: linear-gradient(180deg, rgba(255, 102, 0, 0), rgba(255, 102, 0, .2));height: 40px;left: 0;position: absolute;top: 0;width: 100%;}
.gtplockinfo .paipay-qrcode .payinfo .paydesc{margin-top:8px;margin-bottom:0;font-size:12px; font-family: 'number';}
.gtplockinfo .paipay-qrcode .payinfo .buy-info {padding:6px 45px 0;margin-bottom: 5px;}
.gtplockinfo .paipay-qrcode .payinfo .buy-info .title{text-align: center;font-size: 16px; font-weight: 650;font-family: 'number';}
.gtplockinfo .paipay-qrcode .payinfo .buy-info p{font-size:13px; margin-top:10px;line-height: 1.8;}

.payers-wrap {color:#a4a4a4;line-height:24px;height:24px;text-align:center;font-size: 13px;margin: 15px 0; overflow: hidden; display:flex;align-items:center;display: -webkit-flex; -webkit-align-items: center;justify-content: center;}
.payers-wrap .payers-item{display:inline-block; margin-right:-8px;box-sizing: border-box;width: 24px;height: 24px;padding: 0;vertical-align:middle; }
.payers-wrap .payers-item:last-child{margin-right:0!important}
.payers-wrap .payers-item img{ width:24px;height:24px;border:1px solid #fff;box-shadow: 0px 0px 8px 2px rgba(0,0,0,.02); border-radius:50%;padding: 0;display: block;}
.payers-wrap .payers-count{color:#f13b03;padding:0 5px 0 15px;line-height: 24px; font-weight:bold;font-family: 'number';}
.pu-profile-wrap {width:100%;background-image:-webkit-linear-gradient(top,#fff2ef 0%,#fff 30%);background-image:linear-gradient(180deg,#fff2ef 0%,#fff 30%); box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius:6px;padding:20px;display:flex;flex-wrap:wrap;margin-bottom:16px;position:relative}
.pu-profile-avatar {margin-right:16px}
.pu-profile-avatar img {display:block;width:60px;height:60px;padding: 2px; border-radius:50%;box-shadow:1px 5px 20px rgba(0,0,0,.2)}
.pu-profile-author {display:flex;flex-direction:column;align-items:flex-start}
.pu-profile-author-name {display:flex;align-items:center;word-break:break-all;max-width:230px;margin-top:2px}
.pu-profile-author-name a {font-size:18px;font-weight:500;line-height:1.5;color:#555;transition:opacity .3s}
.pu-profile-author-name a:hover {opacity:.8}
.pu-profile-author-shou {font-size:14px;color:#999;margin-top:8px;display:flex;word-break:break-all}
.pu-profile-author-shou span{font-family:number;color: #ff0000;padding: 0 3px}
.pu-profile-author-stats {width:100%;display:flex;justify-content:space-around;margin-top:24px}
.pu-profile-author-stats-item { font-size:16px;width: 33%; text-align: center;}
.pu-profile-author-stats-item label {color:#999999;font-size:14px;margin-top:2px}
.pu-profile-author-stats-item .stats-value {font-family:number;display: block;text-align: center;color:#666666;padding-bottom: 6px;}
.pu-profile-author-fav {width:64px;height:32px;line-height:32px;border-radius:6px;background: #ff0000;color: #ffffff; text-align:center;position:absolute;top:31px;right:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pu-profile-author-list {width:100%;background:transparent;padding:16px;flex-grow:1;margin-top:20px}
.pu-profile-author-list-item {display:flex;align-items:center;justify-content:space-between}
.pu-profile-author-list-item+.pu-profile-author-list-item {margin-top:10px}
.pu-profile-author-list a {display:inline-block;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.pu-profile-author-list a:hover{color: #ff6600;}
.sharetip {background: #ff6633;font-weight: bold; color: #ffffff;display: block;line-height: 38px;text-align: center; margin: 20px 0;border-radius:2px;}
.height800 {height: 800px}
.at-cursor-bar{background:rgba(255,242,0,.25)}
.at-selection div{background:rgba(64,64,255,.1)}
.at-cursor-beat{width:3px;background:rgba(64,64,255,.75)}
.at-highlight *{fill:#0078ff;stroke:#0078ff}
.gtpbox {padding: 20px 0 0;background: #ffffff;box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius: 6px;z-index: 999999}
.gtp-main {width: 100%}
.gtp-wrap{ position:relative;display:flex;overflow:hidden;margin:0 auto;width:100%;height:100vh;background:#ffffff; border:none;flex-direction:column;  }
.sftip {display:flex;position:fixed; top:40%;left: 50%;transform: translate(-50%,-40%); z-index:99999;  }
.sftip span{ text-align: center;background:rgb(255, 0, 0 , .7); margin: 0 auto;padding: 3px 12px;color: #ffffff; font-size: 14px}
.gtp-overlay {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1002;backdrop-filter:blur(3px);background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:flex-start;}
.gtp-overlay-content {margin-top:50px;background:#fff;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.3);padding:10px;border-radius:3px;}
.gtp-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:hidden;padding-right:2px}
.gtp-viewport::-webkit-scrollbar{width:3px;height:10px;background:#fefefe}
.gtp-viewport::-webkit-scrollbar-thumb{border-radius:10px;background:#dedede}
.gtp-viewport::-webkit-scrollbar-track{border-radius:10px;background:#eee}
.gtp-controls{display:flex;background:#222;color:#fff;padding: 0 10px; flex:0 0 auto;justify-content:space-between;z-index:1000;}
.gtp-controls>div{display:flex;justify-content:flex-start;align-content:center;align-items:center}
.gtp-controls>div>*{display:flex;padding:0 10px;text-align:center;cursor:pointer;align-items:center;justify-content:center}
.gtp-controls i{ vertical-align:top;cursor:pointer;height: 48px;line-height: 48px; font-size:17px;font-weight: bold;  } 
.gtp-controls i.icon-download{font-size: 15px}
.gtp-controls .btn{width:42px;height:48px;color:#fff;box-sizing: border-box;display: flex;line-height: 1}
.gtp-controls .btn img{width:42px; }
.gtp-controls .btn.disabled{opacity:.5;cursor:progress}
.gtp-controls a.active{background:#ff6633;text-decoration:none} 
.gtp-controls .gtp-speed{position:relative;box-sizing:border-box;font-size:14px}
.gtp-controls .gtp-speed span{font-weight: bold;display: inline-flex;justify-content: center;align-items: center;}
.gtp-controls .gtp-speed .gtp-speed-list{position:absolute;bottom:48px;z-index:1998;visibility:hidden;width:120px;border-radius:10px 10px 0 0;background:#222;text-align:center}
.gtp-controls .gtp-speed:hover .gtp-speed-list{visibility:visible}
.gtp-controls .gtp-speed-item{overflow:hidden;height:38px;font-weight:700;font-size:13px;line-height:38px;cursor:pointer;transition:background .2s}
.gtp-controls .gtp-speed-item:hover{background:#222;color: #ff6633}
.gtp-controls .gtp-speed-item.active{background:#f60;color: #ffffff}
.gtp-controls .gtp-yinse{position:relative;box-sizing:border-box;font-size:14px}
.gtp-controls .gtp-yinse span{font-weight: bold;display: inline-flex;justify-content: center;align-items: center;}
.gtp-controls .gtp-yinse .gtp-yinse-list{position:absolute;bottom:48px;z-index:1998;visibility:hidden;width:100px;border-radius:10px 10px 0 0;background:#222;text-align:center}
.gtp-controls .gtp-yinse:hover .gtp-yinse-list{visibility:visible}
.gtp-controls .gtp-yinse-item{overflow:hidden;height:38px;font-weight:700;font-size:13px;line-height:38px;cursor:pointer;transition:background .2s}
.gtp-controls .gtp-yinse-item:hover{background:#222;color: #ff6633}
.gtp-controls .gtp-yinse-item.active{background:#f60;color: #ffffff}
.gtp-controls .gtp-song-title{font-size: 14px;text-align:left!important; font-weight:bold; max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gtp-controls .gtp-song-position{font-size:14px;font-weight: bold;}
.gtp-controls .gtp-track{position:relative;box-sizing:border-box;font-size:14px} 
.gtp-controls .gtp-track .gtp-track-list{position:absolute;bottom:48px;z-index:1998; width:220px; border-radius:10px 10px 0 0;text-align:center;padding-top:10px;background: #f0f0f0; box-shadow: inset 0 4px 12px rgba(0,0,0,.2);display: none}
.tracklist {padding: 0 10px 15px; max-height:500px; text-align: left;overflow-y: scroll;}
.tracklist::-webkit-scrollbar{width:0;height:0;display: none} 
.tracklist .trackitem {padding:10px 15px; border-radius: 6px; background: #fff; box-shadow: 0 5px 10px rgba(0,0,0,.2);position: relative;}
.tracklist .trackitem i{color: #454545}
.tracklist .trackitem:not(:first-child) {margin-top: 10px;}
.tracklist .trackitem.active {background:#d9d9d9;}
.tracklist .trackitem:hover .track-name {color: #ff6600;}
.tracklist .trackitem .track-name {flex: 1; font-size: 14px; line-height: 16px; font-weight: bold;color: #333333;padding-bottom: 8px}
.tracklist .trackitem .track-instrument {color: #565656;font-size: 12px;line-height: 1.6}
.tracklist .trackitem .mute {margin: 0 4px; padding: 0 4px; background: transparent; border: none; outline: none;}
.tracklist .trackitem .trackbrt {position: absolute;right: 8px;top:-5px;}
.tracklist .trackitem .trackbrt i{font-weight: normal;}
.tracklist .trackitem.active .track-name{color: #ff6600;}
.flexrow  {display: flex; flex-wrap: nowrap; flex-direction: row;}
.tracklist .trackitem .slider-volume {display: block; width: 100%; padding: 10px 0;}
.track-slider {display: flex;justify-content: center;align-items: center;height: 40px}
.track-slider i{color: #787878;margin-right: 8px}
.trackitem input[type=range] {-webkit-appearance: none;}
.trackitem input[type=range]:focus {outline: none;}
.trackitem input[type=range] {background-color: transparent;border-radius:0; height:18px;}
.trackitem input[type=range]::-webkit-slider-runnable-track {-webkit-appearance: none; cursor: pointer; height: 4px;   background-color: #ccc;}
.trackitem input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; cursor: pointer; border-radius: 50%; height: 20px; width: 20px; margin-top: -8px; vertical-align: middle; background-color: #787878;}
.trackitem input[type=range]::-moz-range-track {cursor: pointer;  border-radius: 0; height: 4px; vertical-align:middle; background-color: #505050;}
.trackitem input[type=range]::-moz-range-thumb {cursor: pointer; border: 0; border-radius: 50%; height: 18px; width: 18px; margin-top: -8px;vertical-align:middle; background-color: #ccc;}
.trackitem input[type=range]::-ms-track {cursor: pointer;border: 0;height: 4px; background-color: #ccc;}
.trackitem input[type=range]::-ms-thumb {cursor: pointer;border: 0;height: 18px; width:18px;background-color:#ccc;}
.trackitem input[type=range]::-ms-tooltip {display: none;} 
.controlfixed {position: fixed;bottom:0;}
.remove-controlfixed {position: relative;}
.whitebg {background:rgba(0,0,0,0.78)!important}
.gtp-more {position:absolute;text-align:center;left: 50%; top: 30%;transform: translate(-50%,-30%);background:rgba(0,0,0,0.76);padding: 20px;z-index: 999;border-radius: 10px}
.gtp-more .paytip {color: #ffffff;text-align: center;margin-bottom:20px;font-size: 13px;letter-spacing:.2px;}
.gtp-more .more-btn{background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%);color:#623A0C;font-size:14px;cursor:pointer; padding:5px 12px;font-weight:bold;height: 32px;border-radius: 32px;letter-spacing:1px;clear: both; } 
.gtp-more .more-btn:hover{background-image:linear-gradient(-35deg, #FBE8A8 100%, #F8E7AC 15%, #E2C078 0%);color:#623A0C;} 
.gtp-more .more-btn i{color:#623A0C;vertical-align: -1px;font-weight: 15px; padding-left:3px;}
.gtp-more .more-btn .number{padding:0 2px;}
.gtp-more .login-lock{color:#ff6633;height:30px;line-height: 30px; font-size:15px;cursor:pointer;font-weight: bold;}
.gtp-more .login-lock i{vertical-align: -1px;font-size: 15px; padding-left:3px;}
.detail-question {background:#ffffff;position: relative;overflow: hidden;}
.detail-question img{position: absolute;left:30px;top:25px ; display: block;width:150px;height:150px;object-fit: cover;border-radius: 8px;}
.detail-question .background-img{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;background-repeat:no-repeat;background-size:cover;filter:blur(2em);opacity:.2;z-index: -1;}
.detail-question .lyric-btn {position: absolute;top: 30px;right: 30px;color: #353535;}
.detail-question-info {margin-top:10px; margin-left: 190px; display: block;  }
.detail-question-title {color:#222;font-size:20px;font-weight:700;line-height:24px; color: #333333;}
.detail-question-content {height:95px;overflow: hidden;}
.detail-question-content p{line-height: 1.8;color: #565656;font-size: 14px;}
.detail-question-tag {margin-top:5px;}
.detail-question-tag .meta {background:#f4f5f6;border-radius:3px;color:#999;display:inline-block;font-size:13px;height:26px;line-height:26px;margin-right:8px;overflow:hidden;padding:0 10px}
.lyric-wrap {display: none; position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1000}
.lyric-wrap:before {content:none}
.lyric-wrap .lyric-content {position:absolute;background:#fff;width:420px;top:45%;left:50%;transform:translate(-50%,-50%);margin:0 auto;border-radius:3px}
.lyric-wrap .lyric-content .lyric-title {text-align:center;font-weight:700;font-size:16px;line-height:1.8;margin:20px;color:#454545}
.lyric-wrap .lyric-content .lyric-wraps-close {position:absolute;top:6px;right:-40px;color:#6c6c6d;width: 20px;height: 20px;line-height: 20px; font-size:34px;color:#ffffff; transform:rotate(45deg);cursor:pointer}
.lyric-wrap .lyric-content .lyric-neirong {padding:0 32px;height:380px;margin:25px 0 25px;line-height: 1.9; overflow-y:scroll}
.lyric-wrap .lyric-content .lyric-neirong::-webkit-scrollbar {width:3px;height:10px;background:#ddd}
.lyric-wrap .lyric-content .lyric-neirong::-webkit-scrollbar-thumb {border-radius:10px;background:#f60}
.lyric-wrap .lyric-content .lyric-neirong::-webkit-scrollbar-track {border-radius:10px;background:#ddd}
.detail-answer-list {margin:30px 0;}
.detail-answer-list li{list-style:none;margin-bottom:10px;position:relative;font-size:14px;}
.xuhao ul {counter-reset:section}
.xuhao ul li:before {font-family:DIN-Medium;counter-increment:section;content:counter(section);color:#999;position:absolute;left:0; top:0;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background-color:#cacaca;border-radius:0 0 16px 16px;font-size:12px;font-weight: bold; vertical-align:top;z-index: 1000;}
.xuhao ul>li:after {content:"";display:block;clear:both}
.detail-answer {background:#ffffff;border-radius:4px;margin-top:20px;padding-bottom: 10px!important;}
.detail-answer .yanshi{position: absolute;top: 0;right: 0;background: #f5f5f5; height: 36px;line-height: 36px;padding: 0 10px;border-radius: 36px 0 0 36px;}
.detail-answer .answer-content {position:relative;overflow:hidden!important;}
.comment-huida {position:relative;overflow:hidden}
.detail-answer .answer-content p {color:#222;font-size:15px;line-height: 1.8;margin-bottom: 10px;margin-top: 0;clear:both; }
.detail-answer .comment-huida .piclist img {width:30%;display: inline-block;float: left;margin-right:3%;margin-bottom: 10px; border-radius: 5px; box-sizing: border-box; }
.detail-answer .comment-huida .piclist img:nth-child(3n){margin-right: 0;}
.detail-answer .comment-article .piclist img {width:100%;display:block; margin-bottom: 10px; box-sizing: border-box; }
.detail-answer .iframe-video  {margin-bottom: 20px;}
.detail-answer .iframe-video iframe {width:710px;height: 420px;}
.p-vcard {cursor: pointer; position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;overflow:hidden;width:380px; border-radius:8px;padding:8px 12px;background-color:#f8f8fa;margin-bottom: 16px;}
.p-vcard,.p-vcard:hover {-webkit-text-decoration:none;text-decoration:none;border:none !important;color:inherit !important;}
.p-vcard .p-vcard-contents {display:block;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;}
.p-vcard .p-vcard-title {display:-webkit-box;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:8px;color:#191B1F;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.p-vcard .p-vcard-desc {display:-webkit-box;height:22px;line-height:22px;color:#9196a1;}
.p-vcard .p-vcard-desc .p-vcard-tag {display:inline-block;font-size:12px; padding:0 4px;border-radius:3px;background:rgba(196,199,206,0.3);margin-right: 8px;}
.p-vcard .p-vcard-image {-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#ebeced;background-size:cover;background-position:center;position:relative;display:block;width:50px;height:50px;margin-left:20px;object-fit:cover;border-radius:inherit;overflow:hidden;}
.p-vcard .p-vcard-image img {width:100%;height:100%;object-fit:cover;}
.p-vcard .p-vcard-image .p-vcard-btn {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,0.9);pointer-events:none;}
.p-vcard .p-vcard-image .p-vcard-btn svg {color:#373a40;}
.question-bottom {margin:20px 0 15px;display: block; align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center }
.question-bottom-user {-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#999;display:inline-flex;height:16px;line-height:16px;}
.question-user-ava {display:inline-block;margin-right:5px; }
.question-user-ava img {width: 16px;height: auto;border-radius:50%;  display:block;}
.question-user-name {font-size:13px;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.question-time {font-size:13px;line-height:1;margin-left:4px;margin-right:17px;padding-left:9px;border-left:1px solid #e8e8e8;}
.question-from {font-size:13px;height:22px;line-height:22px;margin-right:8px;background:#f5f6fa;border-radius:3px;color:#999;display:inline-block;overflow:hidden;padding:0 10px}
.question-bottom-action {float: right;display:inline-flex;margin-top: -4px;}
.question-bottom-action .bottom-act{margin-left:15px;}
.question-bottom-action .bottom-act a{font-size:13px;height:28px;line-height:28px;color: #75849a;}
.question-bottom-action .bottom-act .comlike {background:rgba(23,114,246,.1);color:#1772F6!important;border-radius: 2px;text-align: center;padding: 0 7px;}
.question-bottom-action .bottom-act .comlike .count{margin-left: 3px;height:28px;line-height:28px;}
.question-bottom-action .bottom-act .comlike i{font-size: 14px;}
.question-bottom-action .bottom-act .comlike.is-active {background:rgba(23,114,246,.2)!important;}
.question-bottom-action .bottom-act .zhichi-btn {margin-right: 5px;}
.question-bottom-action .bottom-act .zhichi-btn i{margin-right:3px;}
.question-bottom-action .bottom-act .fandui-btn {}
.question-bottom-action .bottom-act .huifu-btn i{padding-right: 3px;vertical-align: -2px;}
.question-bottom-action .bottom-act .down-btn i{padding-right: 3px;vertical-align: -2px;}
.question-bottom-action .bottom-act .bigtu i{padding-right: 3px;vertical-align: -2px;}
.topic-comment {margin-top:12px; padding:15px 5px;font-size:13px;position: relative;}
.topic-comment img.avatar {position: absolute;left:5px;top:15px;width:36px;height:36px; border-radius:50%;padding: 2px;border: 1px solid #ffffff;}
.topic-comment .topic-comment-wrap {width: calc(100% - 50px); position:relative;display: block;float: right; }
.topic-comment .topic-comment-wrap .reply-textarea {display: block; background:#f3f6f8; width:100%;height:50px;padding:10px 12px; border:0;resize:none; color:#999;font-size: 13px;border-radius: 5px;}
.topic-comment .topic-comment-wrap .reply-textarea::-webkit-input-placeholder {color:#999}
.topic-comment .topic-comment-wrap .reply-textarea:-moz-placeholder {color:#999}
.topic-comment .topic-comment-wrap .reply-textarea::-moz-placeholder {color:#999}
.topic-comment .topic-comment-wrap .reply-textarea:-ms-input-placeholder {color:#999}
.topic-comment .topic-comment-wrap .reply-textarea:focus {outline:0;color:#333}
.topic-comment .topic-comment-wrap .reply-submit .reply-btn {float:right;margin-top:20px; display:inline-block;height:28px;line-height:28px;padding:0 20px;border-radius:2px;font-size:14px;color:#FFF;background:#FF6633;font-weight: bold;}
.huifu-comment { border-radius: 5px; }
.huifu-comment .huifu-comment-item {align-items:center; padding:10px 5px;}
.huifu-comment .huifu-comment-user{display: flex;margin-bottom:12px;display:flex; align-items:center;overflow: hidden;}
.huifu-comment .huifu-comment-user img{width:25px;height:25px;border-radius:100%;float: left;padding:1px;border: 1px solid #ffffff;}
.huifu-comment .huifu-comment-user span{font-size:14px;margin-left:5px;}
.huifu-comment .huifu-comment-user .huifu-comment-right{position: absolute;right:20px;text-align: right;color: #999999;font-size: 12px;}
.huifu-comment .huifu-comment-content{font-size:13px;text-align:justify;margin-bottom:5px;position:relative;}
.huifu-comment .huifu-comment-text{ }
.loadpu {display: block;margin-bottom: 30px;}
.loadpu a {background-color: #ff6633;color: #ffffff;font-weight: bold; display: block;font-size: 14px; line-height:46px;height: 46px;text-align: center;border: 1px solid #eeeeee;border-radius: 5px;}
.loadpu a i{margin-left: 5px;}

/*个人中心*/
.zhi-author {overflow:hidden;color:#fff;}
.author-width {overflow:hidden;color:#fff;width:745px;margin:0 auto;}
.author-height {min-height: 500px;display: block;clear: both;}
.zhi-author-background {height:280px;background-origin: border-box;background-repeat: center center no-repeat;background-size:cover; -webkit-background-size: cover;-moz-background-size:cover;-o-background-size: cover;}
.zhi-author-content {width:745px;margin:0 auto 20px auto;position:relative;overflow:visible;padding-top:80px}
.zhi-author-content .edit-background{ position:absolute;top:-250px;right: 0;}
.zhi-author-content .edit-background a {box-sizing: border-box;border: 1px solid #565656; color: #565656;background:#ffffff;opacity: .6;  display: block; height: 36px;line-height: 36px;padding:0 18px;border-radius: 3px; }
.zhi-author-content .edit-background a:hover {opacity: 1;  }
.zhi-author-content .edit-background a input[type="file"] {display: block;position:absolute;width:100%;height:36px;left:0;top:0;cursor: pointer;font-size: 0; opacity:0; background:transparent;}
.zhi-author-content .zhi-user-avatar {position:absolute;top:-50px;display:block;width:100px;height:100px;border-radius:50%;border:4px solid #fff;z-index:2 }
.zhi-author-content .zhi-user-avatar .avatar {width:92px ;height:92px; border-radius:100%; box-sizing:border-box;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;position: relative; }
.zhi-author-content .zhi-user-avatar .avatar .editavatar {color:#ffffff;line-height:92px;width:92px; height:92px;text-align: center;  background: #000000;opacity: 0.7;;border-radius:50%;cursor: pointer;display: none;font-weight: bold; }
.zhi-author-content .zhi-user-avatar .avatar:hover .editavatar{display: block;} 
.zhi-author-content .zhi-user-avatar .avatar input[type="file"] {display: block;position:absolute;width:92px;height:92px;left:0px;top:0;cursor: pointer;font-size: 0; opacity:0; background:transparent;}
.zhi-author-content .zhi-author-info { }
.zhi-author-content .zhi-author-info .zhi-user-name {font-size:22px;line-height:38px;margin-bottom:16px;color:#454545;font-weight:bold; }
.zhi-author-content .zhi-author-info .zhi-user-description {margin:12px 0 24px;font-size:15px;color:#3a3a3a;line-height:28px}
.author-pay {float: right;color: #ffffff;border:1px solid #ff6633;border-radius: 2px;font-weight: bold; background: #ff6600; padding:7px 10px;margin-top: -25px; } 
.zhi-author-counter {font-size:15px;color:#a8a8a8;margin-top:20px}
.zhi-author-counter span {font-family:number;color:#f13b03}
.author-menu{margin: 20px 0 30px; list-style:none;text-align:center;background:#ffffff;border-bottom:1px solid #f6f6f6;box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius: 6px;}
.author-menu a.active  {color:#333333;border-bottom:2px solid #333333;-ms-transform:scale(1.01);transform:scale(1.01);font-weight:700;}
.author-menu a{display:inline-block;margin:0 20px -1px!important; padding:15px 0;font-size:15px;color:#333333;line-height:18px;text-decoration:none}
.author-menu a:hover{color:#333333;border-bottom:2px solid #333333}
.author-empty {color: #565656;text-align: center;box-sizing: border-box;padding:80px 0;min-height:450px;}
.author-empty .empty-icon {width: 180px;  vertical-align: middle;}
.author-empty .notip {color: #999999;font-size: 12px;padding-top:20px;}
.table-list {font-size: 13px; overflow:hidden;}
.table-list table {line-height:2.8;border-collapse:collapse; width:100%;background:#fff;border-radius: 5px;}
.table-list td,.table-list th { text-align:left;max-width: 280px;padding: 0 10px; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0.3px solid #dddddd;font-family: number;}
.table-list thead th {background: #333333;color:#ffffff; font-weight:bold;white-space:nowrap;text-align: center;}
.table-list tbody tr:nth-child(2n-1) {background-color:#f5f5f5;transition:all .125s ease-in-out;}
.table-list tbody td,.table-list tbody td a {color: #565656;}
.table-list a:hover{color:#ff6633;}
.keynote {background: linear-gradient(transparent 77%,rgba(255,102,0,.5) 0);color:#353535;;font-weight: bold;padding: 0 2px;}
/*搜索页*/
 
/*评论*/
#respond{margin-bottom:45px;margin-top: 10px}
#respond .avatar {float:left;width:60px;}
#respond .avatar img{width:40px;height: 40px; border-radius:100%;padding:1px; border: 1px solid #eeeeee; } 
#respond .commentform{font-size:12px;background: #f7f7f7;border-radius: 5px;float:right;width:calc(100% - 60px);}
#respond .commentform textarea{padding:15px 20px;width:100%;min-height:80px;font-size:13px;border:0; overflow: hidden;background:#f7f7f7;border-radius:3px;outline:none;display:block;color:#333333;line-height: 1.8;border-radius: 5px 5px 0 0;}
#respond .comment-form-bottom{padding:20px; display:block; line-height:32px;  }
#respond .comment-form-bottom .commentsubmit{color:#fff;display:inline-block;border:1px solid transparent;padding:0 15px;font-size:14px;border-radius:2px;background:#333333;cursor:pointer;float:right;font-weight:bold;line-height:28px;}
#respond .comment-form-bottom .commentsubmit:hover{opacity:.9} 
#respond .comment-form-bottom #reply-title a{color:#666;background-color:#fff;font-weight:bold;float:right;display:inline-block;padding:0 15px;border-radius:2px;font-size:14px;line-height:28px;border:1px solid #666;margin-right:25px}

.comment-list .comments-num {clear: both;display: block; font-size:14px; color:#666;height:25px;line-height:25px;margin:10px 0}
.comment-list .comments-num:before{font-size:14px; color:#ff6607;content:"◉"; margin-right:5px;}
.comment-list li {display: block; clear: both; }
.comment-list li.depth-1 {padding: 10px 0;}
.comment-list li.depth-1+li.depth-1 {border-top:1px solid #f6f6f6;}
.comment-list .depth-2{padding-left:60px}
.comment-list .comment-wrapper{padding:10px 0; clear: both;}
.comment-list .comment-avatar{float:left;width:40px}
.comment-list .comment-avatar img{border-radius:50%;width:40px;height: 40px; padding:1px; border: 1px solid #eeeeee;}
.comment-list .comment-content{ margin-left:60px;  }
.comment-list .children .comment-content{margin-left:50px; }
.comment-list .comment-author-name{}
.comment-list .comment-author-name .fn{font-style:normal;font-family:number;color:#666666;font-weight:500;font-size: 14px;}
.comment-list .comment-author-name .payed {background:linear-gradient(to right,#fc4a1a,#f7b733);color: #ffffff; padding:0 6px; margin:0 5px;border-radius:20px; font-size: 12px;}
.comment-list .bypostauthor>.comment-wrapper .fn:after{background:#ff6607;color:#ffffff; content:"作者"; padding:1px 2px; margin:0 0 0 5px;border-radius: 2px; font-size: 11px;}
.comment-list .comment-metadata{color:#aaa;font-size:12px; margin:6px 0;text-transform:uppercase}
.comment-list .comment-metadata a{color:#aaa;padding-left: 10px;}
.comment-list .comment-metadata i{vertical-align: -1px}
.comment-list .comment-body>:first-child{margin-top:0}
.comment-list .comment-body>:last-child{margin-bottom:0}
.comment-list .comment-body li{margin:5px 0}
.comment-list .comment-body p{line-height: 1.8}
.comment-list .comment-body a{text-decoration:none;color:#333333;display: inline-block;}
.comment-list {list-style-type:none;margin:0;padding:0} 
.comment-list>.comment:last-child>#respond,>#respond{margin-bottom:0}
.comment-list .edit-link a{right:20px}
.comment-list .reply-link a:before{content:"\e64c"}
.comment-list .edit-link a:before{content:"\f3eb"}
.comment-list .comment_from{padding-left: 10px;display: inline-block;}

.checksaoma {position:relative; height:100%;min-height:700px;min-width:1000px;overflow:hidden;background:transparent}
.checksaoma:before {content:none}
.checksaoma .checksaoma-form{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3); z-index:999999}
.checksaoma .checksaoma-form .checksaoma-formwrap{position:absolute;top:0;right:0;bottom:0;left:0;width:250px;height:260px;margin:auto;background: #ffffff; box-shadow:0px 0px 16px 0px rgba(18,35,75,.01);border-radius:3px;}
.check-close {height:30px;line-height:30px;} 
.check-close i{color:#dddddd;position:absolute;top:15px;right:15px;font-size:12px;}
@keyframes saoma{0%{transform:translateY(-100%)}to{transform:translateY(110px)}}
.saoma {animation: saoma 2.0s linear infinite;background: linear-gradient(180deg, rgba(255, 102, 0, 0), rgba(255, 102, 0, .15));height: 32px;left: 0;position: absolute;top: 0;width: 100%;}
.checksaoma-form .checksaoma-formwrap .check-qrcode{width:150px;height: 150px; padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:40px auto 10px;background:#fff;position:relative;background-image: url(https://www.jitatang.cn/wp-content/themes/jitatang/static/images/qrcode-bg.png);background-repeat: no-repeat;background-size: 100% 100%;overflow: hidden;} 
.checksaoma-form .checksaoma-formwrap .check-qrcode img{width:140px;height:140px;display: inline-block; border-radius: 5px;} 
.checksaoma-form .checksaoma-formwrap .saoma-tip {font-size:12.6px;font-weight:500; padding-top:12px;color: #666666;text-align: center;}

.side-puji {position: fixed;right: 0;top:35%;color: #ffffff; height: 35px; font-weight: bold;font-size: 12.8px; padding: 0 15px 0 20px;background:#ff6633;border-radius:100px 0 0 100px;display:flex;align-items:center}
.side-puji a{color: #ffffff; }
.side-puji a.chakan{background: #ffffff;color: #ff6633;  height: 24px;line-height:24px;padding: 0 8px;margin-left: 12px; border-radius: 100px;}

/*分页*/
.pagenav {width:710px;clear:both;display: block; text-align: center;margin:30px auto 10px;}
.pagenav a{margin: 0 5px;line-height:32px;color: #ffffff; padding:4px 10px;background: #333333;border-radius:4px;font-size:13px;}

.site-footer{clear: both;display: block;background: #ffffff;padding:15px 0px;border-top: 1px solid #eeeeee;margin-top: 20px;}
.site-footer,.site-footer a{color: #333333;} 
.site-footer .site-footer-wrap {width: 1060px;margin:0 auto;font-size: 12px; }
.site-footer .site-footer-wrap:after{clear:both;content: '';display: block;}
.site-footer .flink { line-height: 1.8;margin-bottom: 10px;}
.site-footer .flink .flink-title{display: inline-block;font-size: 12px;font-weight: bold;}
.site-footer .flink a{display: inline-block;padding: 0 3px;font-size: 12px;}

/*dialog*/
.dialogbox {}
.dialog-mask {background:rgba(0,0,0,.5);position:fixed;z-index:10003;top:0;right:0;left:0;bottom:0}
.dialog-wrap {position:fixed;z-index:10004;top:50%;left:16px;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff;text-align:center;border-radius:12px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:90%;outline:0;width:320px;margin:0 auto}
.dialog-wrap__hd {padding:32px 24px 16px}
.dialog-wrap__title {font-weight:500;font-size:17px;line-height:1.4;color:rgba(0,0,0,.9)}
.dialog-wrap__bd {overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 34px;margin-bottom:32px;font-size:15px;line-height:1.8;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;color:rgba(0,0,0,.55)}
.dialog-wrap__bd:first-child {min-height:40px;padding:32px 24px 0;font-weight:500;color:rgba(0,0,0,.9);-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.dialog-wrap__bd:first-child,.dialog-wrap__ft {display:-webkit-box;display:-webkit-flex;display:flex}
.dialog-wrap__ft {position:relative;display: flex; justify-content: space-around;}
.dialog-wrap__ft:after {content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.dialog-wrap__btn {-webkit-box-flex:1;-webkit-flex:1;flex:1;display:block;line-height:1.4;padding:16px 0;font-size:15px;color:rgba(0,0,0,.9);font-weight:500;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}
.dialog-wrap__btn:active {background-color:#ececec}
.dialog-wrap__btn:after {content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
.dialog-wrap__btn:first-child:after {display:none}
.dialog-wrap__btn_lan {color:#576b95}

/*登陆注册*/
.site-login {position:relative; overflow:hidden;background:transparent}
.site-login:before {content:none}
.site-login .site-login-box {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6); z-index:9998}
.site-login .site-login-box .site-login-center{position:absolute;top:0;right:0;bottom:0;left:0;width:335px;height:320px;margin:auto;border-radius: 3px; -webkit-box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37);box-shadow:0px 2px 30px 4px rgba(157,160,165,0.37);background:#f7f7f7 url(static/images/loginbg.png) 0 0 no-repeat;background-size:100% auto}
.login-close {position:absolute;top:6px;right:-40px;color:#6c6c6d;width: 20px;height: 20px; font-size:34px;color:#ffffff; transform:rotate(45deg);cursor:pointer}
.site-login-box .site-login-form{padding:26px 36px 10px 36px;display: block;clear: both;}
.site-login-box .site-login-form .logintip{text-align:center;letter-spacing:1px; }
.site-login-box .site-login-form .logintip b{font-size:16px;color:#313131}
.site-login-box .site-login-form .logintip p{line-height:24px;font-size:12px;color:#999}
.site-login-box .site-login-form .fieldset{position:relative;margin:26px 0}
.site-login-box .site-login-form .fieldset:first-child{margin-top:0}
.site-login-box .site-login-form .fieldset:last-child{margin-bottom:0;margin-top:20px;}  
.site-login-box .site-login-form input{margin:0;width:100%;border-radius:2px;}
.site-login-box .site-login-form input.full-width:focus{box-shadow:0 0 5px rgba(52,54,66,.1);outline:0}
.site-login-box .site-login-form input::-webkit-input-placeholder {color: #aab2bd; }
.site-login-box .site-login-form input.full-width{height: 40px;background: #ffffff; padding:6px 20px 6px 35px;border-radius: 3px; border:1px solid #d2d8d8;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow:inset 0 0 8px rgba(0,0,0,0.1)} 
.site-login-box .site-login-form label.image-replace{display:inline-block;position:absolute;left:10px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:20px;width:20px;overflow:hidden;text-indent:100%;white-space:nowrap;color:#cccccc;text-shadow:none;background-repeat:no-repeat;background-position:50% 0}
.site-login-box .site-login-form label.cd-phone{background-image:url(static/images/phone.svg)}
.site-login-box .site-login-form label.cd-code{background-image:url(static/images/code.svg)}
.site-login-box .site-login-form input[type=submit]{font-size: 14px; height:40px;cursor:pointer;border:1px solid #ff6607;color: #ffffff;background:#ff6607;font-weight:700; -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.site-login-box .site-login-form .captcha-clk{display:inline-block;height:38px; position:absolute;right:0;top: 50%;bottom:auto;width:100px; padding: 6px 12px;border: 1px solid transparent;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);font-size: 14px;color: #ff6600;cursor:pointer;background:transparent;}
#imgverify {display: none; position:absolute;top:0;right:0;bottom:0;left:0;z-index: 999;background: #ffffff}
.verify-bar-area {
    position: relative;
    background: #FFFFFF;
   	text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
  

.verify-img-panel {
	margin:0;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	position: relative;
}

.verify-img-panel .verify-refresh {
	width: 20px;
	height: 20px;
	text-align:center;
	padding: 5px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
}

.verify-img-panel .icon-refresh {
	font-size: 16px;
	color: #fff;
}

.verify-bar-area .verify-msg {
	z-index : 3;
	letter-spacing: .3px;
}

 #slide_box {
    width: 100%;
    max-width: 320px;
    height: 40px;
    text-align: center;
    line-height: 40px; 
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
    transition: all 0.3s;
    -webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow:inset 0 0 8px rgba(0,0,0,0.1)
}

#slide_xbox {
     position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 40px;
    background: #ff6600;
    border-radius: 20px;
    border: 1px solid #ff6600; 
    position: absolute;
    transition: width 0.1s ease;
}

#slide_xbox.success {
    width: 100% !important;
    background: #4caf50 !important;
    border-radius: 20px !important;
     border: 1px solid #4caf50!important; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-weight: bold;
}

#slidebtn {
    width: 40px;
    height: 40px;
    background: #ff6600; 
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    cursor: grab;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    z-index: 2;
    transition: transform 0.1s, left 0.1s ease;
}

#slidebtn i{ 
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    
}

#slidebtn:active {
    cursor: grabbing;
    transform: scale(1.05);
}

 

 
/* 回弹抖动动画 */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-3px); }
    20%, 40%, 60%, 80% { transform: translateX(3px); }
}