#content img{
    width:650px;
   }
   .tu{
   width:300px;
   height:600px;
   overflow-y:scroll;
   }
   .xi{
   margin-top:30px;
   }
   .xi img{
   margin-top:-10px;
   width:30px;
   height:30px;
   border-radius:50px;
   background:#fff;
   float:left;
   }
   .cal{
   width:270px;
   font-size:16px;
   line-height:20px;
   word-wrap:break-word;
　　word-break: normal;
   }

   .tu ul li{
   border-top:1px dashed #e0e3eb;
   }
   .xi samp{
    width:200px;
   line-height:120px;
   }
   .aro{float:left; margin-bottom:20px;width:92%; }
   .ztime{font-size:12px;color:#3388ff; font-weight:bold; width:120px; text-align:center; border-radius: 10px; border:#3388ff 1px solid; margin:30px 0 10px;height: 20px;line-height: 20px;}
   .znr{margin-top:10px; float:left; background-color:#FFFFFF; padding:10px; width:760px;}
   .znr img{ text-align:center; margin-left:40px; max-width:650px; height:auto;}
   .wrapper #content p{background: #fff;color: #333;margin: 0;overflow: hidden;}
   #live_title{margin: 0;background: #FFF;text-align: center;padding-top: 10px;padding-bottom: 20px;font-size: 30px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: wrap;width: 100%;}
   article{overflow: hidden;background: #fff;padding:20px;}
   .comment_head{width: 50px;height: 50px;border-radius: 50%;display: block;margin-bottom: 5px;}
   aside{width: 420px;}
   .comment_box{background-color:#FFFFFF; padding:25px 20px;}
   .comment-show-con-list{width: 315px;margin-left: 15px;}
   .comment-show-con{margin: 25px 0;font-size: 14px;}
   .my-pl-con,.comment-size-name{line-height: 22px;}
   .my-pl-con{color: #333;}
   .date-dz{overflow: hidden;margin-top: 7px;color:#8b8b8b;font-size: 12px;}
   .header_box{height: 96px;}
   .date-dz-z{color:#FF0000;}
   .date-dz-z:hover{color:#CC0000;}
   .z-num{font-style: normal;}
   .reviewArea{position: relative;}
   .moubile{position: fixed;z-index: 100;bottom: 0;width: 100%;margin-left:-5.4%;background: #fff;}
   .reviewArea .plBtn{position: absolute;right: 0;border-radius:6px;margin:0 0 15px 0;background:#428bca;color: #fff;font-size: 15px;padding: 8px 15px;display: block;}
   .comment-show{margin-top: 65px;}
   .comment-input{padding: 10px;border-color: #428bca;border-radius: 8px;}
   .comment-show-con-img{text-align: center;margin-top: 5px;position: relative;}
   .comment-show-con-img span{font-size: 12px;color: #8b8b8b;}
   .zhibo_content img{margin-bottom: 10px;}
   .copy{text-align: center;line-height: 30px; color: #fff;}
   #content img{display: block;margin: 0 auto;margin-bottom: 20px;margin-top: 10px;}
   .bs-callout{font-size: 18px; color: #3388ff;padding:8px 15px;font-weight: 500;
       margin: 20px 0;
       border: 1px solid #eee;
       border-left-width: 5px;
       border-radius: 3px;
       background: #f9f9f9;
   }
   .bs-callout-info {
       border-left-color: #3388ff;
   }
   .comment-show-con-img{position: relative;}
   .comment-show-con-img span{position:absolute;left:12px;bottom: 0;background: #fff;color: #333333;border-radius: 15px;
       padding-top:1px;padding-bottom:1px;min-width: 26px;}
   .item{    margin-top: 1px;
    padding: 7px;}
   .item span{
    font-size: 12px;
    /* color: hsl(0deg 0% 56%); */
    /* font-weight: bold; */
    display: inline-block;
    /* width: 122px; */
    /* text-align: center; */
    border-radius: 30px;
    /* margin: 10px 0; */
    /* height: 20px; */
    padding: 1px 8px;
    border: 1px #adadad solid;
    line-height: 20px;
   }
   .content-ul-app {
	   width: 100%;
	   height: 50px;
	   border: 1px solid rgb(135, 157, 212);
	   color: rgb(19, 65, 182);
	   line-height: 50px;
	   text-align: center;
	   font-size: 16px;
	   letter-spacing: 0.08em;
	   position: fixed;
	   bottom: 0;
	   left: 0;
	   background: #fff;
   }
   #content p {
    text-indent: 32px;
    font-size: 15px;
}
   /*.add_time{ border: #3388ff 1px solid!important;}*/
   #total{font-size: 16px;color: #333;position: relative;top: 20px;}
	 @media (min-width:1500px){
       .x_banner {
				 width: 98% !important;
       }
   }
   @media (min-width:1200px){
       .container {
           width: 1200px;
           padding: 0;
       }
   }
   @media (max-width:1024px){
       #content{max-width:550px;}
       aside{width: 400px!important;margin-top:0;}
       .container{padding: 0;}
       #live_title{font-size: 24px;}
       .comment-show-con-list{width: 295px;}
   }
   @media (width:768px){
   			#content{width:400px!important;}
   }
   @media (max-width:768px){
       /*.container{padding: 0 10px!important;}*/
       /*#content{width:400px!important;}*/
       aside{width:310px!important;}
       .comment-show{margin-top: -30px;}
       .comment-show-con-list{width: 205px;}
       header.header_box .container nav{display: none;}
       .container>a{float: left;text-align: center;width: 100%;}
       .wrapper p{padding: 0;}
       header nav{float: left;}
       #live_title{font-size:24px;font-weight: bold;}
       .reviewArea .plBtn{top: 9px;right:0.5rem;border-radius: 6px;margin: 0 0 15px 0; background: #428bca; color: #fff;font-size: 14px; }

       .mask{width: 100%;min-height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 100;top: 0;left: 0;}
	    .mask .con{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
	    .mask .con img:nth-of-type(1){width: 80%;height: 80%;position: relative;top: 10%;}
	    .mask .con img:nth-of-type(2){width:7%;height:7%;position: relative;top: -30%;left: -10%;}
	    .mask .con span{color: red;}
	    .mask .con>span{font-size: 6rem;position: relative;top: -40%;left: -2%;}
	    .mask .que{width: 40%;background: #fff;margin: 15rem auto;min-height: 44rem;}
	    .mask .redBag{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
	    .mask .redBag>img{width: 240px!important;position: relative;top: 3%!important;left: -33%!important;}
	    .mask .redBag img:nth-of-type(2){width:6%!important;height:5%!important;position: relative;top: 35%!important;left: -60%!important;}
	    .mask .redBag a img{width:150px!important;position: absolute;top: 40%!important;left: -2%!important;}
	    .mask .redBag span{color: #d1302d;}
	    .mask .redBag > span{width: 100%;text-align:center;font-size: 5em!important;position: absolute;top: 25%!important;left: -35%!important;}
	    .mask .redBag > span span{font-size: 0.5em;}
	    .mask .woo{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
	    .mask .woo img:nth-of-type(1){width: 50%!important;height: 50%!important;position: relative;top: 5%!important;left: -34%!important;}
	    .mask .woo img:nth-of-type(2){width:6%!important;position: relative;top: 36%!important;left: -63%!important;}
	    .mask .woo span{color: red;}
	    .mask .woo>span{font-size: 6rem;position: relative;top: -40%;left: -2%;}
   }
   @media (max-width:440px){
		 #video {
			 height: 250px !important;
		 }
		 .tabQ {
			 top: 250px;
		 }
       .container{width:100%;}
       /*.inside{padding:20px 10px;}*/
       header.header_box{height: 60px!important;}
       #content{max-width:100%;float: none;}
       aside{width:100%!important;}
       .comment-show{margin-top: -30px;}
       .comment-show-con-list{width: 80%;}
       .header_box .container a img{width: 35%!important;height:auto!important;}
       .header_box .container input:nth-child(1){width: 190px!important;}
       .header_box .container nav{margin-top: 10px!important;}
       #content img{width: 100%!important;margin-bottom: 0;}
       .vjs-modal-dialog-content{width: 370px!important;}
       header.header_box .container nav{display: none;}
       header nav ul a:nth-child(n+8){display: none!important;}
       .ztime{margin: 20px 0 10px;}
       .zhibo_content>p>br,.zhibo_content>p>span>br{display: none;}
       #live_title{font-size:20px;font-weight: bold;}
   }
   @media (max-width:414px){
		#video {
			height: 230px !important;
		 }
		 .tabQ {
			top: 230px;
		 }
       .container{width:100%;}
       /*.inside{padding:20px 10px;}*/
       header.header_box{height: 60px!important;}
       #content{max-width:100%;float: none; margin-top: -18px;}
       aside{width:100%!important;}
       .comment-show{margin-top: -30px;}
       .comment-show-con-list{width: 80%;}
       .header_box .container a img{width: 35%!important;height:auto!important;}
       .header_box .container input:nth-child(1){width: 150px!important;}
       .header_box .container nav{margin-top: 10px!important;}
       #content img{width: 100%!important;margin-bottom: 0;}
       .vjs-modal-dialog-content{width:270px!important;}
       header.header_box .container nav{display: none;}
       header nav ul a:nth-child(n+8){display: none!important;}
       .ztime{margin: 20px 0 10px;}
       #live_title{font-size: 24px;
    font-weight: bold;
    padding: 5px 20px;
    line-height: 30px;
    padding-bottom: 10px;
}}
   }
   @media (max-width:375px){
		#video {
			height: 211px !important;
		 }
		 .tabQ {
			top: 211px;
		 }
       .container{width:100%}
       header.header_box{height: 55px!important;}
       header nav ul a{margin-left: 10px!important;}
       #content{float: none;}
       aside{width: 100%!important;}
       .comment-show{margin-top: -30px;}
       .comment-show-con-list{width: 80%;}
       .header_box .container a img{width: 35%!important;height:auto!important;}
       .header_box .container input:nth-child(1){width: 150px!important;}
       .header_box .container nav{margin-top: 10px!important;}
       #content img{width: 100%!important;margin-bottom: 0;}
       .vjs-modal-dialog-content{width:270px!important;}
       /*.inside{padding:20px 10px!important;}*/
       .comment_head{width: 40px!important;height: 40px!important;}
       header.header_box .container nav{display: none;}
       header nav ul a:nth-child(n+8){display: none!important;}
       .ztime{margin: 20px 0 10px;}
       #live_title{font-size:18px;font-weight: bold;}
   }
   @media (max-width:360px){
		#video {
			 height: 204px !important;
		 }
		 .tabQ {
			 top: 204px;
		 }
       .comment-show-con-list{width: 225px;}
   }
   @media (max-width:300px){#video {
			 height: 170px !important;
		 }
		 .tabQ {
			 top: 170px;
		 }
       .container{width: 290px;padding: 0!important;}
       header .container{width: 300px!important;}
       header.header_box{height: 60px!important;}
       header nav ul a{margin-left:6px!important;}
       /*#content{max-width:290px;float: none;}*/
       aside{width: 290px!important;}
       .comment-show{margin-top: -30px;}
       .comment-show-con-list{width: 195px;}
       .header_box .container a img{width: 35%!important;height:auto!important;}
       .header_box .container input:nth-child(1){width: 150px!important;}
       .header_box .container input:nth-child(2){width: 50px!important;}
       .header_box .container form{margin-right: 5px;}
       .header_box .container nav{margin-top: 10px!important;}
       #content img{width: 100%!important;margin-bottom: 0;}
       .vjs-modal-dialog-content{width:270px!important;}
       .inside{padding: 10px 0!important;}
       .comment_head{width: 40px!important;height: 40px!important;}
       header.header_box .container nav{display: none;}
       header nav ul a:nth-child(n+8){display: none!important;}
       .ztime{margin: 20px 0 10px;}
       #live_title{font-size:18px;font-weight: bold;}
   }
   .tabQ{width: 100%;height: 5rem;background: #fff;font-size: 1.5em;line-height: 5rem;}
   .tabQ>span{width: 49%;text-align: center;display: inline-block;}
   .tabCol{color: #187ff7;}
   .mask{width: 100%;min-height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 100;top: 0;left: 0;}
    .mask .con{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
    .mask .con img:nth-of-type(1){width: 80%;height: 80%;position: relative;top: 10%;}
    .mask .con img:nth-of-type(2){width:7%;height:7%;position: relative;top: -30%;left: -10%;}
    .mask .con span{color: red;}
    .mask .con>span{font-size: 6rem;position: relative;top: -40%;left: -2%;}
    .mask .que{width: 40%;background: #fff;margin: 15rem auto;min-height: 44rem;}
    .mask .redBag{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
    .mask .redBag>img{width: 80%;position: relative;top: 10%;}
    .mask .redBag img:nth-of-type(2){width:7%;height:6%;position: relative;top: -25%;left: 1%;}
    .mask .redBag a img{width:47%;position: absolute;top: 70%;left: 23%;}
    .mask .redBag span{color: #d1302d;}
    .mask .redBag > span{width: 100%;text-align:center;font-size: 8rem;position: absolute;top: 47%;left: -3%;}
    .mask .redBag > span span{font-size: 2rem;}
    .mask .woo{width:477px;height:627px;text-align: center;position: absolute;top: 20%;left: 36%;}
    .mask .woo img:nth-of-type(1){width: 70%;height: 70%;position: relative;top: 10%;}
    .mask .woo img:nth-of-type(2){width:7%;position: relative;top: -21%;left: 4%;}
    .mask .woo span{color: red;}
    .mask .woo>span{font-size: 6rem;position: relative;top: -40%;left: -2%;}
    #top_panl a{color: #71767e;}

	* {
	    margin: 0px;
	    padding: 0px;
	}
	.answer_box a:link,
	.answer_box a:visited {
	    color: #666;
	    text-decoration: none;
	}
	.answer_box a:hover {
	    text-decoration: none !important;
	    color: #F90;
	}
	.answer_box{width: 485px;height: 581px;background: url("https://img.qudong.com/images/answer_bg.png") center center;margin: 0 auto;padding-top: 102px;margin-top:10%;padding-left: 21px;box-sizing: border-box;position: relative;}
	.answer_box .form{width: 442px;height: 434px;padding: 30px;width: 100%;box-sizing: border-box;}
	.answer_box .form p{font-size: 18px;color: #b16a35;line-height: 26px;margin-bottom: 35px;}

	.options div {
	    position: relative;
	    line-height: 30px;
	    margin-bottom: 10px;
	}

	.options input[type="radio"] {
	    width: 20px;
	    height: 20px;
	    opacity: 0;
	}

	.options label {
	    position: absolute;
	    left: 5px;
	    top: 3px;
	    width: 20px;
	    height: 20px;
	    border-radius: 50%;
	    border: 1px solid #999;
	    　cursor: pointer;
	}
	.options input:checked+label {
	    background-color: #f8c138;
	    border: 1px solid #f8c138;
	}
	.options input:checked+label::after {
	    position: absolute;
	    content: "";
	    width: 5px;
	    height: 10px;
	    top: 3px;
	    left: 6px;
	    border: 2px solid #fff;
	    border-top: none;
	    border-left: none;
	    transform: rotate(45deg);
	}
	.options span{
	    font-size: 18px;
	    color: #b16a35;
	    margin-left: 20px;
	}
	.answer_box .form a{
	    display: block;
	    width: 70%;
	    margin: 0 auto;
	    color: #fff;
	    background: #f8c138;
	    border-radius: 30px;
	    line-height: 44px;
	    text-align: center;
	    font-size: 22px;
	    margin-top: 35px;
	}
	.answer_box>a{
	    position: absolute;
	    right: 15px;
	    top: 15px;
	}
	[v-cloak]{
        display:none;
    }