.both{margin:0;padding:0; height:0px; overflow:hidden;clear:both;*display:inline;}
.xq_con {font-family: 微软雅黑;font-size: 18px;margin: 0 auto;color: #232323;}
em,i{ font-style:normal}
.p_hide{ overflow:hidden}
.p_block{display: block !important;}
.in-block{ display: inline-block}
.clearfix{ clear: both}
.tc{ text-align: center}
.font_no{ font-weight: normal}
.line30{line-height: 30px}
.line35{line-height: 35px}
.line40{line-height: 40px}
.pa10{ padding: 10px 0;}

.p_pr{ position: relative}
.p_fl{ float: left}
.p_fr{ float: right}
.te-in{ text-indent: 2em}
.vem{ vertical-align: middle}

.font38{ font-size: 38px}
.font21{ font-size: 21px}

.col_gray{ color: #707070}

.bg_gray{ background: #ebebeb}
.bg_white{ background: #fff}

.patb20{ padding:20px 0;}
.patb40{ padding: 40px 0 0;}
.pa20{ padding:20px}
.mr20{ margin-right: 20px}

.wi{ width: 1100px}
.auto{margin: 0 auto}

.xq_L{ width: 770px; float: left; padding: 60px 0 50px}
.xq_L dl{ width: 510px; margin: 0 auto}
.xq_L dl dt{ display: block}
.xq_L dl dt i{ display: inline-block; width: 121px; height: 34px; line-height: 34px;
    color: #fff; background: #924492; text-align: center; border-radius: 20px; font-size: 21px; margin: 30px 0 20px}
.xq_L dl dt ul{ padding: 20px 0}
.xq_L dl dt ul li{ width:223px; padding: 10px; border: 1px solid #c6c6c6; float: left }
.xq_L dl dt ul li:nth-child(1){ margin-right: 15px}
.xq_L dl dt ul li img{width:100%;}
.xq_L dl dd h3{text-align: center; font-size: 22px; padding: 20px 0}
.xq_L dl dd i{ margin: 0 10px}
.xq_L dl dd h3:before,.xq_L dl dd h3:after{ content: ""; display: inline-block; margin: 10px 0; width: 190px; border: 1px dotted #000; vertical-align: middle}
.xq_L dl dd ul li{ float: left; width: 243px; margin-bottom: 3%}
.xq_L dl dd ul li:nth-child(odd){ margin-right: 20px}
.xq_L dl dd .btn a{ display: inline-block; width: 213px; height: 53px; line-height: 53px; text-align: center; color: #fff; border-radius: 50px}
.xq_L dl dd .btn a i{ display: inline-block; vertical-align: middle }
.xq_L dl dd .btn a.zixun{background: #724492; margin-right: 40px}
.xq_L dl dd .btn a.yuyue{ color: #373543; border: 1px solid #373543}
.xq_L dl dd .btn a.zixun i{width: 32px; height: 32px; background: url("../image/zx_ico.png") no-repeat}
.xq_L dl dd .btn a.yuyue i{width: 28px; height: 28px; background: url("../image/zj_ico2.png") no-repeat}
.xq_L .line{ width: 100%; height: 20px}
.xq_L .zx_box_wrap{ width: 700px; height: 200px; margin: 0 auto}
.xq_L .zx_box{ width: 700px; height: 200px; margin: 0 auto; border-radius: 10px; overflow: hidden; z-index: 102;
    background: #f8f7fc}
.xq_L .fix{
    position:fixed;
    bottom: 1%;
    left: 50%;
    transform: translate(-73%, 0);-webkit-transform: translate(-73%, 0);-moz-transform: translate(-73%, 0);-o-transform: translate(-73%, 0);
}

.xq_L .zx_box h3{ font-size: 22px; background: #4da3ab;text-align: center; color: #fff; line-height: 45px; }
.xq_L .zx_box p i{ display: inline-block; width: 40px; height: 40px; background: url("../image/mylike.png") no-repeat; background-size:cover;
    vertical-align: middle; margin-right: 10px}
.xq_L .zx_box .zx_db{ padding: 5px 35px; border: 1px solid #ececec;  }
.xq_L .zx_box .zx_db textarea{ outline: none; float: right; width: 523px; height: 30px; font-size: 16px; padding: 10px; resize:none}
.xq_L .zx_box .zx_db a{ display: block; cursor: pointer; width: 129px; height: 40px; line-height: 40px; background: #724492; margin: 10px 0 0; float: right; text-align: center; color: #fff; border-radius: 10px}

.xq_R{ width: 330px; float: left; color: #fff; overflow: hidden;overflow-y: scroll; z-index: 100;
    background: #644278;
    background: -moz-linear-gradient(top,#644278 0%, #4e4069 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#644278), color-stop(100%,#4e4069));
    background: -webkit-linear-gradient(top,#644278 0%, #4e4069 100%);
    background: -o-linear-gradient(top,#644278 0%, #4e4069 100%);
    background: -ms-linear-gradient(top,#644278 0%,#4e4069 100%);
    background: linear-gradient(to bottom, #644278 0%,#4e4069 100%);
}

.fixed{ position: fixed; top:0}

.xq_R::-webkit-scrollbar
{  width: 5px;  height: 10px;  background-color: #924492;  }

/*定义滚动条轨道 内阴影+圆角*/
.xq_R::-webkit-scrollbar-track
{  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;  }

/*定义滑块 内阴影+圆角*/
.xq_R::-webkit-scrollbar-thumb
{  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;  }

.xq_R dt{ cursor: pointer;padding: 20px 0}
.xq_R dt i{ display: inline-block; vertical-align: middle; margin-right: 20px;
    width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}
.xq_R dd{ padding: 10px 0; display: none; color: #fff }
.xq_R dl dt.active{ color: #ffcf91}
.xq_R dl dt.active i{border-left: 20px solid #ffcf91;  }
.xq_R dd ul li{ padding: 10px 0 10px 55px; overflow: hidden; cursor: pointer; position: relative}
.xq_R dd ul li a{ color: #fff; display: block}
.xq_R dd ul li.active a{ color: #ffcf91}
.xq_R dd ul li i{float:left;width:95px;height: 59px; border-radius: 10px; overflow: hidden; }
.xq_R dd ul li i img{ width: 95px; height: 59px;}
.xq_R dd ul li p{ float:left; font-size: 14px; line-height: 25px; padding: 5px 10px 0 10px}
.xq_R dd ul li em{ font-size: 18px}