/**  WordPress文章部分内容关注微信公众号后可见 **/ 
.post_hide_box, .secret-password{background: none repeat scroll 0 0 #efe;border-left: 5px solid #e74c3c;color: #555;padding: 10px 0 10px 10px;border-radius: 5px;margin-bottom: 15px;overflow:hidden; clear:both;}
.post_hide_box .post-secret{font-size: 18px; line-height:20px; color:#e74c3c; margin:5px;}
.post_hide_box form{ margin:15px 0;}
.post_hide_box form span{ font-size:18px; font-weight:700;}
.post_hide_box .erweima{ margin-left:20px; margin-right:16px;}
.post_hide_box input[type=password]{ color: #9ba1a8; padding: 6px; background-color: #f6f6f6; border: 1px solid #e4e6e8; font-size: 12px;-moz-transition: border .25s linear,color .25s linear,background-color .25s linear; -webkit-transition: border .25s linear,color .25s linear,background-color .25s linear; -o-transition: border .25s linear,color .25s linear,background-color .25s linear; transition: border .25s linear,color .25s linear,background-color .25s linear;}
.post_hide_box input[type=submit] { background: #F88C00; border: none; border: 2px solid;border-color: #F88C00; border-left: none; border-top: none; padding: 0px;width: 100px; height: 38px; color: #fff; outline: 0;border-radius: 0 0 2px 0; font-size: 16px;}
.post_hide_box .details span{color:#e74c3c;}
.post_hide_box .details span{color:#e74c3c;}
.gzhhide .gzhcode{position:absolute;width:100px;height:100px;right:20px;top:50%;margin-top:-50px}
.gzhhide{border-radius:10px;padding:15px;margin:15px 0;position:relative;box-shadow:0 0 20px #d0d0d0}
.gzhhide .gzhtitle{position:relative;font-size:17px;font-weight:700;color:#6c80a7;padding:6px 140px 0 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gzhhide .gzhtitle .fa{position:absolute;left:0;font-size:35px;top:0}
.gzh-content{padding:20px 140px 15px 0;font-size:14px;color:#777}
.gzhbox{padding:0 140px 10px 0}
.gzhbox input{
	width:45%;
	border:none;
	color:#737373;
	font-size:13px;
	height:35px;line-height:35px;background:#f2f2f2;border-radius:4px;
	outline:none;float:left;padding:0 10px}
/**.gzhbox button{width:115px;margin-left:15%;border:none;background:#3b8cff;color:#fff;padding:5px 0;font-size:14px;border-radius:5px} **/
.gzhhide .gzhcode{position:absolute;width:100px;height:100px;right:20px;top:50%;margin-top:-50px}
.gzhbox{padding:0}.gzh-content{padding:20px 90px 15px 0}
.gzhhide .gzhcode{width:80px;height:80px}#vivideo{height:200px}

	/*文章目录*/
    #article-index {
        -moz-border-radius: 10px 10px 10px 10px;
        border-radius:10px;
        box-shadow: 0 0 20px #d0d0d0;
        border: 1px solid #DEDFE1;
        float: right;
        margin: 5px 0 5px 15px;
        padding: 0 6px;
        min-width: 150px;
        line-height: 18px;
    }
    #article-index b {
        border-bottom: 1px dashed #DDDDDD;
        display: block;
        line-height: 30px;
        padding: 0 4px;
    }
    #index-ul {
        margin: 0;
        padding-bottom: 5px;
    }
    #index-ul li {
        background: none repeat scroll 0 0 transparent;
        list-style-type: disc;
        padding: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 20px;
        font-size:14px;
    }
    #index-ul a{
        text-decoration:none;
    }
	/*多内容选项卡*/
    .tpt-bar {
        display:flex;
        border:1px solid #e2e2e2;
        border-radius:10px;
        /*background:#f2f2f2;*/
        box-shadow:0 2px 5px 0 rgba(0,0,0,.1);
        flex-wrap:wrap;
        width:100%;
    }
    .tpt-bar label {
        display:block;
        padding:0 20px;
        border-radius:10px 0 0 0;
        height:38px;
        line-height:38px;
        cursor:pointer;
        order:1;
    }
    .tpt-bar .tpt-bar-con {
        z-index:0;
        display:none;
        margin-top:-1px;
        padding:10px;
        width:100%;
        min-height:20px;
        border-top:1px solid #e2e2e2;
        /*background:#fff;*/
        order:99;
    }
    .tpt-bar input[type=radio] {
        position:absolute;
        opacity:0;
    }
    .tpt-bar input[type=radio]:checked+label {
        z-index:1;
        margin-right:-1px;
        margin-left:-1px;
        border-right:1px solid #e2e2e2;
        border-left:1px solid #e2e2e2;
        /*background:#fff;*/
    }
    .tpt-bar input[type=radio]:checked+label+.tpt-bar-con {
        display:block;
    }
	/**页面分页**/
    .fenye{
        text-align:center;
        font-size:14px;
        margin:0px auto 10px;
        line-height: 17px;
        font-weight:bold
    }
    .fenye span{
        background-color:#DDDDDD;
        color:#fff;
        font-weight: bold;
        margin:0px 1px;
        padding:1px 6px;
        display:inline-block;
        text-decoration:none;
        border:1px solid #e0e0e0;
    }
    .fenye a{
        text-decoration:none;
    }
    .fenye a span{
        background-color:#F6F6E8;
        font-weight: normal;
        color: #000;
        text-decoration: none;
    }
    .fenye a:hover span{
        background-color:#DDDDDD;
        color: #fff;
    }
    /*系统分页分页函数css*/
    .page-numbers {
        background-color:#F6F6E8;
        color: #000000;
        font-size:14px;
        padding: 1px 6px;
        display: inline-block;
        text-decoration: none;
        border: 1px solid #e0e0e0;
        text-align:center;
        margin:0px auto 10px;
        line-height: 17px
    }
    .pages span{
         background-color:#DDDDDD;
    }
    /*系统文章分页css*/
    .post-pages{
        text-align:center;
        font-size:14px;
    }
    .post-pages a{
        background-color:#F6F6E8;
        color: #000000;
        font-size:14px;
        padding: 1px 6px;
        display: inline-block;
        text-decoration: none;
        border: 1px solid #e0e0e0;
        text-align:center;
        margin:0px auto 10px;
        line-height: 17px
    }
  	/* 波浪线 */
    .flow-wave {
        background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x,
            radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x;
        background-size: 20px 20px;
        background-position: -10px calc(100% + 16px), 0 calc(100% - 4px);
      	padding: 0px 0px 4px 0px !important;
    }
    .flow-wave {
        animation: waveFlow 1s infinite linear;
    }
    @keyframes waveFlow {
        from { background-position-x: -10px, 0; }
        to { background-position-x: -30px, -20px; }
    }
  	/* 黑幕 */
    .shadow {
      	background-color:#4f5555;
        transition: 200ms;
	}
    .shadow:hover {
        background-color: transparent !important;
    }
  	/* 抖动 */
    .shake {
        display: inline-block;
        padding: 1px;
        -webkit-animation-name: shake-slow;
        -ms-animation-name: shake-slow;
        animation-name: shake-slow;
        -webkit-animation-duration: 4s;
        -ms-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -ms-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-play-state: running;
        -ms-animation-play-state: running;
        animation-play-state: running;
    }
    @-webkit-keyframes shake-slow {
      0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg)
      }
      2% {
        -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg)
      }
      4% {
        -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg)
      }
      6% {
        -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg)
      }
      8% {
        -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg)
      }
      10% {
        -webkit-transform: translate(1.4px, 0px) rotate(-2deg)
      }
      12% {
        -webkit-transform: translate(-1.3px, -1px) rotate(-2deg)
      }
      14% {
        -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg)
      }
      16% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)
      }
      18% {
        -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg)
      }
      20% {
        -webkit-transform: translate(1px, 1px) rotate(-0.5deg)
      }
      22% {
        -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg)
      }
      24% {
        -webkit-transform: translate(-1.4px, -1px) rotate(2deg)
      }
      26% {
        -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg)
      }
      28% {
        -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg)
      }
      30% {
        -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg)
      }
      32% {
        -webkit-transform: translate(-1px, 0px) rotate(2deg)
      }
      34% {
        -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg)
      }
      36% {
        -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg)
      }
      38% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg)
      }
      40% {
        -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg)
      }
      42% {
        -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg)
      }
      44% {
        -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg)
      }
      46% {
        -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg)
      }
      48% {
        -webkit-transform: translate(1px, 1.6px) rotate(1.5deg)
      }
      50% {
        -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg)
      }
      52% {
        -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg)
      }
      54% {
        -webkit-transform: translate(1.6px, -1px) rotate(-2deg)
      }
      56% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg)
      }
      58% {
        -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg)
      }
      60% {
        -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg)
      }
      62% {
        -webkit-transform: translate(0px, 0px) rotate(-1.5deg)
      }
      64% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
      }
      66% {
        -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg)
      }
      68% {
        -webkit-transform: translate(0px, -1.6px) rotate(-2deg)
      }
      70% {
        -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg)
      }
      72% {
        -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
      }
      74% {
        -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg)
      }
      76% {
        -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg)
      }
      78% {
        -webkit-transform: translate(-1px, 1.4px) rotate(2deg)
      }
      80% {
        -webkit-transform: translate(1.4px, 1.6px) rotate(2deg)
      }
      82% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg)
      }
      84% {
        -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg)
      }
      86% {
        -webkit-transform: translate(1px, 1.4px) rotate(-2deg)
      }
      88% {
        -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg)
      }
      90% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
      }
      92% {
        -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
      }
      94% {
        -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
      }
      96% {
        -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg)
      }
      98% {
        -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg)
      }
    }
    /*彩虹文字*/
    .rainbow-text {
        background-image: linear-gradient( to left, orangered, orange, gold, lightgreen, cyan, dodgerblue, mediumpurple, hotpink, orangered);
        background-size: 110vw;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-animation: rainbowan 60s linear infinite;
        animation: rainbowan 60s linear infinite;
    }
    @-webkit-keyframes rainbowan {
        to {
            background-position: -2000vw;
        }
    }
    @keyframes rainbowan {
        to {
            background-position: -2000vw;
        }
    }
    /*强调文字*/
    .dotcode {
        background-color:#FFE1FF;
        padding:2px 4px;
        border-radius:5px;
        margin: 0 4px;
      	color:#8552a1;
    }

    /*刮刮乐*/
    .blur-text {
        text-shadow: rgba(0, 0, 0, 0.701961) 0px 0px 10px;
      	box-shadow: 0 0 20px #d0d0d0;
        color: transparent;
        padding-top: 3px;
    }
    /*进度条*/
    .jindutiao {
      	transition: width .6s ease;
     	flex-direction: column;
      	white-space: nowrap;
    	display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-animation: jindu-stripes 1s linear infinite;
        animation: jindu-stripes 1s linear infinite;
    }
    @keyframes jindu-stripes {
      from { background-position: $progress-height 0; }
      to { background-position: 0 0; }
    }
    /*二维码 <div class="client"><div class="erweima"></div><a>客户端</a></div>*/
    .erweima{
        position: absolute;
        display: none;
        width:178px;
        height:182px;
        background: url("https://www.qctt.cn/desktop/img/huaguo.png")no-repeat center center/100% 100%;
        z-index:9999999;
    }
    .client:hover .erweima{
        display: block;
    }
    /*文章前言*/
    .box {
        position: relative;
        margin: 20px 0 7px 0!important;
        border: 1px solid #3b8cff;
        border-radius: 5px;
        color: #3b8cff!important;
        padding: 20px 20px;
        font-weight: 400!important;
    }
    .box1 {
        position: relative;
        margin: 20px 0 7px 0!important;
        border: 1px solid #3b8cff;
        border-radius: 5px;
        color: #3b8cff!important;
        padding: 20px 20px;
        font-weight: 400!important;
    }
    .boxTitle {
        position: relative;
        top: -35px;
        background: #3b8cff;
        color: #fff;
        padding: 2px 10px;
        text-align: center;
        text-indent: 0;
        margin: 0 auto;
        display: table;
        width: auto;
        border-radius: 5px;
        margin-bottom: -30px;
        font-weight: 400!important;
    }
    /*以下是短代码Pay*/
    .payLink {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #e85053;
        color: white !important;
        opacity: 0.5;
        transition: 0.3s;
        box-sizing: border-box;
        padding: 0 20px 0 13px;
        font-size: 12px;
        border-radius: 5px;
        margin: 5px 0;
    }
    .payLink:hover {
        opacity: 1;
    }
    .payName,.payNum {
        height: 100%;
        float: left;
    }

    .payName {
        margin-right: 10px;
    }
	.payName:before {
        content: '';
        display: block;
        width: 40px;
        height: 39px;
        float: left;
        background-position: center left;
        background-size: 68%;
        background-repeat: no-repeat;
        background-image: url(../img/hongbao.svg)
    }
    .payTime {
        height: 100%;
        float: right;
    }
    /*以下是短代码Pay*/
    .huazhongdian {
        background-image: linear-gradient(90deg,rgba(247,239,7,.9) 100%,rgba(0,0,0,.84) 0);
        background-repeat: repeat-x;
        background-size: 1px 10px;
        background-position: 0 calc(1em - 4px);
    }
    
    /* advert_nav */
    .advert_nav {
        border:1px solid #eee;
        padding:0px;
        margin-left:15px;
        animation:advert_nav-m 20s linear infinite;
        -moz-animation:advert_nav-m 20s linear infinite;
        /* Firefox */
        -webkit-animation:advert_nav-m 20s linear infinite;
        /* Safari Chrome */
        -o-animation:advert_nav-m 20s linear infinite;
        animation-direction:alternate;
        border-radius:3px
    }
    .advert_nav:hover {
        animation:advert_nav-x 0.3s linear infinite;
        -moz-animation:advert_nav-x 0.3s linear infinite;
        /* Firefox */
        webkit-animation:advert_nav-x 0.3s ease-in-out infinite;
        /* Safari Chrome */
        -o-animation:advert_nav-x 0.3s linear infinite;
    }
    .advert_nav p a:hover {
        animation:advert_nav-a 1s linear infinite;
        -moz-animation:advert_nav-a 1s linear infinite;
        /* Firefox */
        -webkit-animation:advert_nav-a 1s linear infinite;
        /* Safari Chrome */
        -o-animation:advert_nav-a 1s linear infinite;
    }
    .advert_nav p {
        color:#fff;
        margin-bottom:0px;
    }
    .advert_nav p a {
        padding:5px 15px;
        color:#9a9da0;
        text-decoration:none;
        display:block;
    }
    @keyframes advert_nav-m {
        10% {
            border-color:#ff9292;
        }
        20% {
            border-color:#f09eff;
        }
        30% {
            border-color:#9397ff;
        }
        40% {
            border-color:#9fb8ff;
        }
        50% {
            border-color:#9fd7ff;
        }
        60% {
            border-color:#9fffd2;
        }
        70% {
            border-color:#dfff9f;
        }
        80% {
            border-color:#ffd49f;
        }
        90% {
            border-color:#ffc29f;
        }
        100% {
            border-color:#ffa198;
        }
    }
    @keyframes advert_nav-x {
        10% {
            -webkit-transform:translate(-0.5px,1.5px) rotate(0.5deg);
            border-color:#ffbebe;
        }
        20% {
            -webkit-transform:translate(-0.5px,1.5px) rotate(-0.5deg);
            border-color:#ffdebe;
        }
        30% {
            -webkit-transform:translate(-2.5px,-1.5px) rotate(0.5deg);
            border-color:#fff3be;
        }
        40% {
            -webkit-transform:translate(-2.5px,-2.5px) rotate(-1.5deg);
            border-color:#eeffbe;
        }
        50% {
            -webkit-transform:translate(1.5px,1.5px) rotate(-1.5deg);
            border-color:#f3ffbe;
        }
        60% {
            -webkit-transform:translate(-2.5px,-0.5px) rotate(-0.5deg);
            border-color:#e9ffbe;
        }
        70% {
            -webkit-transform:translate(1.5px,-2.5px) rotate(-0.5deg);
            border-color:#d0ffbe;
        }
        80% {
            -webkit-transform:translate(0.5px,1.5px) rotate(0.5deg);
            border-color:#beffde;
        }
        90% {
            -webkit-transform:translate(-2.5px,-0.5px) rotate(0.5deg);
            border-color:#beefff;
        }
        100% {
            -webkit-transform:translate(-0.5px,-0.5px) rotate(-1.5deg);
            border-color:#bed8ff;
        }
    }
    @keyframes advert_nav-a {
        10% {
            color:#ff9292;
        }
        20% {
            color:#f09eff;
        }
        30% {
            color:#9397ff;
        }
        40% {
            color:#9fb8ff;
        }
        50% {
            color:#9fd7ff;
        }
        60% {
            color:#9fffd2;
        }
        70% {
            color:#dfff9f;
        }
        80% {
            color:#ffd49f;
        }
        90% {
            color:#ffc29f;
        }
        100% {
            color:#ffa198;
        }
    }
    /*分割线css*/
    hr {
        display: block;
        padding: 0;
        border-style: dashed;
        border-width: 2px 0 0 0;
        color: #e2e2e2;
        margin-block-start: 40px;
        margin-block-end: 40px;
        margin-inline-start: auto;
        margin-inline-end: auto;
        overflow: hidden;
    }
    hr::before {
        content: "\6211\662f\5206\5272\7ebf";
        font-size: 12px;
        color: #e2e2e2;
        right: 42%;
        position: absolute;
        background: var(--color-white);
        padding: 0 10px;
        margin-top: -12px;
    }
    /*特殊背景框css*/
    .kuang-riyun {
        color: #eeeeee;
        overflow: hidden;
        margin: 10px 0;
        padding: 15px 20px 15px 15px;
        border-radius: 10px;
        box-shadow: 0 0 20px #d0d0d0;
        background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
    }
    .kuang-taiyang {
        color: #ffffff;
        overflow: hidden;
        margin: 10px 0;
        padding: 15px 20px 15px 15px;
        border-radius: 10px;
        box-shadow: 0 0 20px #d0d0d0;
        background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
    }
    /*要点*/
    .tip:before{
        font-weight:500;
        font-family:"iconfont";
        text-align:center
    }
    .tip:before{
        content:"$";
        color:inherit;
        opacity:0;
        background:inherit;
        border-radius:50%;
        font-size:12px;
        position:absolute;
        width:24px;
        height:24px;
        line-height:24.5px;
        left:-30px;
        top:calc(50% - 12px);
        -webkit-box-shadow:0 0 0 2.5px #f9f9f9;
        box-shadow:0 0 0 2.5px #f9f9f9;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .tip{
        position:relative;
        color:#fff;
        padding:2px 8px 2px 20px;
        border-radius:6px;
        margin:10px 0;
        transition:.5s;
    }
    .tip-content{
        overflow:hidden;
        position:relative;
        background:#f9f9f9;
        border-radius:4px;
        padding:0 8px;
    }
    .tip-content .tip-bg-fx{
        position:absolute;
        pointer-events:none;
        top:0;
        bottom:0;
        left:0;
        width:0;
        opacity:.6;
        transition:opacity .5s ease-in-out,width .5s cubic-bezier(0,0,.3,1);
    }
    .tip .tip-content>p{
        margin:5px 0;
    }
    .tip:hover::before{
        left:-12px;
        opacity:1;
    }
    .tip:hover .tip-content .tip-bg-fx{
        width:100%;
        opacity:.1;
    }
    /*带标题的文字框*/
    @media only screen and (max-width: 800px) {
		.titbox {
			padding: 26px 2px!important;
			margin: 10px 0;
		}
		.titbox ol {
			padding: 2px 10px;
		}
    }
    .titbox {
		position: relative;
		padding: 15px 20px 5px 30px;
		margin: 10px 0px;
		border-radius: 10px;
		-webkit-box-shadow: 0 0 20px #d0d0d0;
		box-shadow: 0 0 20px #d0d0d0;
		-webkit-transition: all .3s ease 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s;
		transition: all .3s ease 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s;
		transition: all .3s ease 0s,transform .6s cubic-bezier(.6,.2,.1,1) 0s;
		transition: all .3s ease 0s,transform .6s cubic-bezier(.6,.2,.1,1) 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s;
    }
    .titbox:hover {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
		-webkit-box-shadow: 0 0 20px #d0d0d0;
		box-shadow: 0 0 20px #d0d0d0;
    }
    .titbox:before {
		content: " “ ";
		top: 65px;
		left: 5px;
    }
    .titbox:after {
		content: " ” ";
		bottom: 3px;
		right: 5px;
    }
    .titbox:after, .titbox:before {
		position: absolute;
		font-style: normal;
		font-weight: 600;
		font-size: 42px;
		text-decoration: inherit;
    }

    .titbox .label {
		display: inline-block;
		position: relative;
		margin-bottom: 10px;
		padding: 0 14px 0 32px;
		height: 33px;
		line-height: 32px;
		border-radius: 5px 5px 5px 0;
		background-color: currentColor;
    }
    .titbox .label span {
		color: #fff;
    }
    .titbox .label:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		width: 0;
		height: 0;
		background-color: transparent;
		border-style: solid;
		border-width: 0 16px 16px 0;
		border-color: transparent;
		border-right-color: currentColor;
		-webkit-filter: brightness(150%);
		filter: brightness(150%);
    }
    @media screen and (min-width: 768px) {
		.titbox .label {
			left: -46px;
		}
    }
    @media screen and (max-width: 767px) {
        .titbox {
    		padding: 0;
        }
		.titbox .label {
    		top: -15px;
			left: -18px;
		}
        .titbox p {
    		top: -10px;
            padding: 0 20px;
        }
        .titbox:before {
    		content: " “ ";
    		top: 60px;
    		left: 5px;
        }
        .titbox:after {
    		content: " ” ";
    		bottom: -5px;
    		right: 0px;
        }
        .titbox .urlad {
            top:-15px;
            margin-right:10px;
        }
    }
    
.description-pullout { //不规则形状的文本框
    -webkit-clip-path: polygon(2% 9%,13% 3%,55% 0,98% 6%,100% 42%,99% 91%,84% 100%,54% 94%,24% 100%,4% 97%,0 79%);
    clip-path: polygon(2% 9%,13% 3%,55% 0,98% 6%,100% 42%,99% 91%,84% 100%,54% 94%,24% 100%,4% 97%,0 79%);
    padding: 15px 15px 15px 25px;
    margin:10px 0;
}
.description-blockout { //线性变化背景框
    background-color:#EDEDED;
    border-radius:8px;
    margin:10px 0;
    padding: 15px 15px 15px 25px;
    background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
.description-blockout1 { //线性变化背景框
    background-color:#EDEDED;
    border-radius:8px;
    margin: 10px 0;
    padding: 15px 15px 15px 25px;
    background: -webkit-linear-gradient(45deg, #f6d8f5, #c2f1f0, #f0debf);
    background: -moz-linear-gradient(45deg, #f6d8f5, #c2f1f0, #f0debf);
    background: -o-linear-gradient(45deg, #f6d8f5, #c2f1f0, #f0debf);
    background: -ms-linear-gradient(45deg, #f6d8f5, #c2f1f0, #f0debf);
    background: linear-gradient(45deg, #f6d8f5, #c2f1f0, #f0debf);
}
/*走心评论标记CSS*/
.heartborder {
    border: 1px solid #3b8cff;
    border-radius: 5px;
    padding: 10px 10px;
}
.heartitle {
    background: #3b8cff;
    color: #fff;
    padding: 2px 6px;
    text-align: center;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}
.opacolor {
    color:transparent;
}
.heart {
    float:right;
    margin-top:1px;
    cursor:pointer;
}
.beats {
	background-color: red;
	transform: rotate(-45deg);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	animation: beat 1.5s infinite;
}
.beats::after , .beats::before {
	content: '';
	display: block;
	background-color: red;
	border-radius: 50%;
	animation: beat 1.5s infinite;
}
.beats::before {
	transform: translate(0, -50%);
}
.beats::after {
	transform: translate(50%, -100%);
}

@keyframes beat {
	0% {
		width: 10px;
		height: 10px;
	}
	15% {
		width: 12px;
		height: 12px;
	}
	30% {
		width: 10px;
		height: 10px;
	}
	45% {
		width: 12px;
		height: 12px;
	}
	60% {
		width: 10px;
		height: 10px;
	}
	100% {
		width: 10px;
		height: 10px;
	}
}
/*走心评论标记CSS*/