@charset "utf-8";
/* CSS Document */
/*body { background-color: #f4f5f6; padding-top: 100px;}*/


/*------focus-----*/
.focusBox { padding: 30px 0; margin: 0 30px; border-bottom: #eceff2 1px solid; height: 340px; position: relative; }
.focusBox.focusFj { padding-top: 0px; border: 0;}
.focusBox .pic { float: left; width: 600px; height: 340px; background: #eeeeee url(../images/focus_default.gif) no-repeat center center;}
.focusBox .pic img { width: 600px; height: 340px; }
.focusBox .txt { overflow: hidden; padding: 15px 15px; height: 310px; background: url(../images/focus_bg.png) repeat 0 0; color: #646464; font-size: 16px; line-height: 24px; }
.focusBox .tit { font-size: 30px; line-height: 32px; margin-bottom: 10px; font-weight: bold;}
.focusBox .pagination { width: 100%; height: 30px; padding: 10px 0; position: absolute; left: 0; bottom: 30px; z-index: 1;}
.focusBox .pagination p.numP { margin-left: 600px; text-align: center; height: 30px; }
.focusBox .pagination p.numP a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; overflow: hidden; margin: 10px 8px; background-color: #a5abb3; text-indent: -999px; cursor: pointer;}
.focusBox .pagination p.numP a:hover,.focusBox .pagination p.numP a.curr { background-color: #4fafff; }

.focusList li { display: none;}

/*--INDEX-*/
.wrapIndex .focusBox { padding: 30px 0; margin: 0 30px; border-bottom: #eceff2 1px solid;/* height: 340px;*/ height: 285px; position: relative; }
.wrapIndex .focusBox .pic { float: left; /*width: 600px; height: 340px;*/ width: 500px; height: 285px; background: #eeeeee; /*background: #eeeeee url(../images/focus_default.gif) no-repeat center center;*/}
.wrapIndex .focusBox .pic img {/* width: 600px; height: 340px;*/ width: 500px; height: 285px; }
.wrapIndex .focusBox .txt { overflow: hidden; padding: 15px 15px;/* height: 310px;*/ height: 215px; color: #646464; font-size: 15px; line-height: 22px; }
.wrapIndex .focusBox .tit { font-size: 30px; line-height: 32px; margin-bottom: 10px; font-weight: bold;}
.wrapIndex .focusBox ul { height: 285px; overflow: hidden; background: url(../images/focus_bg.png) repeat 0 0;}
.wrapIndex .focusBox .tit { font-size: 26px; line-height: 30px; }
.wrapIndex .focusBox .tit a{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; }
.wrapIndex .focusBox .gray a{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;max-height: 91px; }

.colBar1 { height: 32px; border-left: #4fafff 4px solid; line-height: 32px; margin: 0 25px 25px 0; text-align: center; }
.colBar1 .colTit { display: inline-block; padding: 0px 25px; font-size: 30px; font-weight: bold; }
.colBar1 .miaopingTit { width: 160px; height: 50px; overflow: hidden; text-indent: -999px; background: url(../images/col_titmp.png) no-repeat 0 0; margin-top: -10px; display: block; float: left;}

/*---*/
.colBar { height: 32px; border-left: #4fafff 4px solid; line-height: 32px; margin: 30px 25px 25px 0; }
.colBar .colTit { display: inline-block; padding: 0px 25px; font-size: 30px; font-weight: bold; }
.colBar .miaopingTit { width: 160px; height: 50px; overflow: hidden; text-indent: -999px; background: url(../images/col_titmp.png) no-repeat 0 0; margin-top: -10px; display: block; float: left;}
.colMore { display: inline-block; float: right; background-color: #f6faff; border: #e0e0e0 1px solid; border-radius: 3px; padding: 0px 10px; height: 28px; line-height: 28px; }
.colConBox { width: 970px; margin: 0 auto; overflow: hidden;/* */ padding: 0 10px;}
.miaopingList  li { width: 455px; height: 370px; padding: 0 15px; overflow: hidden; float: left; }
.miaopingList .tit { height: 40px; line-height: 40px; font-size: 22px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.miaopingList .pic { height: 170px; position: relative; margin: 10px 0; background:#eeeeee url(../images/video_default.gif) no-repeat center center;  }
.miaopingList .pic img { width: 455px; height: 170px; }
.miaopingList .tip { display: block; position: absolute; top: 10px; right: 10px; z-index: 1; width: 70px; padding: 9px 0 8px 72px; height: 53px; line-height: 18px; text-align: center; background: url(../images/miaoping_tip.png) no-repeat 0 0; color: #333333; }
.miaopingList .voteBt { display: block; width: 60px; height: 60px; position: absolute; z-index: 1; left: 10px; bottom: 10px; background: url(../images/miaoping_vote.png) no-repeat 0 0; overflow: hidden; text-indent: -999px; }
.mpSummary { margin:10px 0; height: 50px; font-size: 16px; line-height: 25px; color: #646464; }
.mpSummary .sideA { width:200px; padding-left: 5px; padding-right:20px; margin-right: 20px;  float: left; height: 50px; border-right: #e7e7e7 1px solid;/*--*/ overflow: hidden;}
.mpSummary .sideB { overflow: hidden; height: 50px; }
.mpSummary_2 { margin:10px 0; height: 100px; font-size: 16px; line-height: 25px; color: #646464; overflow: hidden;}
.mpSummary_2 .sideA { width:200px; padding-left: 5px; padding-right:20px; margin-right: 20px;  float: left; height: 100px; border-right: #e7e7e7 1px solid; /*--*/ overflow: hidden; }
.mpSummary_2 .sideB { overflow: hidden; height: 100px; }
/*-----miaopingVS-------*/
.options-box {  /*margin-top: 20px; *//*height: 60px;*/ height: 50px; cursor: position;}
/*.voteResultBar { height: 20px; line-height: 20px; color: #aab0b7; font-size: 12px; }
.resultA,.resultB { width:50%; height: 20px; float: left; }
.resultA { text-align: left; }.resultB { text-align: right; }*/
.voted .option-img,.voted .center { display: none; }

.options-box ul {  margin-bottom: 15px;}
.options-box ul li {  margin-top: 0;  float: left;  width: 50%;}
.options-box ul li:first-child {  padding-right: 3px;}
.options-box ul li:last-child {  padding-left: 3px;}
.options-box .option-img { z-index: 5; width: 40px; height: 40px; overflow: hidden; border-radius: 40px; margin: 5px 5px; top: 0; }
.optionA { left: 0px; }
.optionB { right: 0px; }
.options-box .option-img img {  width:40px; height: 40px; border-radius: 40px;}
.options-box .pk-box {  position: relative;  overflow: hidden;  height: 50px;}
.options-box .pk-box > * {  position: absolute;  bottom: 0; }
.options-box .pk-box .left {
  z-index: 1;
  left: 0;
  width: 50%;
  height: 50px;
  border-radius: 50px;
  background: #4fafff;
  text-align: center;
  line-height: 50px;
 /* box-sizing: content-box;*/
  padding-right: 14px;
  transition: width .4s, height .4s;
}
.options-box .pk-box .right {
  z-index: 1;
  right: 0;
  width: 50%;
  height: 50px;
  border-radius: 50px;
  background: #ffdd5b;
  text-align: center;
  line-height: 50px;
/*  box-sizing: content-box;*/
  padding-left: 14px;
  transition: width .4s, height .4s;
}

.voted .options-box .pk-box .left,.voted .options-box .pk-box .right { height: 6px; padding: 0; }
.voted .options-box .pk-box .left { border-radius: 50px 0 0 50px; }
.voted .options-box .pk-box .right { border-radius: 0 50px 50px 0; }
.options-box .pk-box .text { font-size: 20px;
  z-index: 10;
  width: 50%;
  text-align: center;
  line-height: 50px;
  font-weight: normal;
  transition: text-indent 0.6s, line-height 0.6s;
}
.options-box .pk-box .text-left {  padding-right: 32px;  left: 0;}
.options-box .pk-box .text-right {  padding-left: 32px;  right: 0;}
.voted .pk-box .text-left { text-align: left; }
.voted .pk-box .text-right { text-align: right; }
.options-box .pk-box .center {
  z-index: 11;
  width: 74px;
  height: 50px;
  left: 50%;
  overflow: hidden;
  margin-left: -37px;
  text-align: center;
  transition: height .4s, opacity .4s, marginTop .4s;
}
.options-box .pk-box .center .round2 {
  position: absolute;
  z-index: -1;
  display: table;
  width: 74px;
  height: 74px;
  margin-top: -13px;
  border-radius: 64px;
  background: rgba(255, 255, 255, 0.6);
}
.options-box .pk-box .center .round1 {
  width: 50px;
  height: 50px;
  line-height: 50px; text-align: center; font-size: 22px; font-weight: bold; color: #333333;
  border-radius: 50px;
  margin: 0 auto;
  background: #ffffff;
  transition: width 0.4s, height 0.4s, background-image 0.4s;
}
.options-box .pk-box .center .round1:after {
  display: table;
  content: " ";
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
  opacity: 0;
  transition: opacity .4s;
}
.options-box .pk-box .center .click.round1:after {  opacity: 1;}
.options-box .percent { color: #aab0b7; font-size: 14px; padding-left: 5px; padding-right: 5px;}

/*------*/
.infoList li {/* width: 242px;*/ width: 215px; padding: 0 14px 0 13px; height: 225px; margin-bottom: 10px; float: left; overflow: hidden; }
.infoList.live li {height: 210px;}
.infoList .pic { width: 215px; /*height: 135px;*/ height: 120px; position: relative; background:#eeeeee url(../images/video_default.gif) no-repeat center center;} 
.infoList .pic img {width: 215px;/* height: 135px;*/ height: 120px;}
.infoList .tit { height: 48px; overflow: hidden; margin:10px 0 10px 0; line-height: 24px; font-size: 18px; }
.infoList .uploadUser { height: 20px; overflow: hidden; line-height: 20px; width: 140px; float: left; }
.infoList .uploadUser .userPic { width: 20px; height: 20px; border-radius: 20px; overflow: hidden; float: left; margin-right: 5px; }
.infoList .uploadUser .userPic img { width: 20px; height: 20px; display: block;}
.infoList .uploadUser .userName { overflow: hidden; }
/*.infoList .otherBar { height: 20px; margin:10px 0; color: #899bb1;  }
.infoList .otherBar .tag { display: inline-block; height: 18px; line-height: 18px; padding: 0 5px; border: #c5ced9 1px solid; border-radius: 2px; font-size: 14px;}*/
.infoList .icoPv { display: inline-block; float: right; padding-left: 20px; background: url(../images/ico_pv.png) no-repeat left center; height: 20px; line-height: 20px; max-width: 53px; color: #aab0b7;  overflow: hidden;}
.uploadUser .gray2 { color: #aab0b7;}

/*-------index----------*/
.indexSideR { width: 230px; float: left; margin-top: 30px; padding-bottom: 10000px; margin-bottom: -10000px; /*overflow:hidden; */position: relative;}
#indexScrollBox {width: 230px; z-index: 998; overflow: hidden;}

.jubaoBox { /*height: 55px;*/ height: 45px; margin-bottom: 30px;}
.indexBannerSideR { width: 230px; clear: both; margin-bottom: 10px;/* background-color: #fafafa;*/ overflow: hidden; background:#eeeeee url(../images/video_default.gif) no-repeat center center;}
.indexBannerSideR.indexS1 {/* height: 255px;*/}
.indexBannerSideR.indexS1 img { width: 100%; height: 205px;}
.indexBannerSideR.indexS2 img { width: 100%; height: 235px;}
.indexBannerSideR .tit { height: 25px; padding: 10px 0 10px 10px; line-height: 25px; overflow: hidden; font-size: 14px;}
.indexBannerSideR .tit span { display: inline-block; margin-right: 10px;}
.sideNewsBox { margin-bottom: 10px; padding: 10px 10px 0 10px; background-color: #fafafa; overflow: hidden; border-top: #4fafff 3px solid;}
.sideColTit { height: 30px; line-height: 30px; font-size: 20px; color: #333333;}
.sideNewsBox .newsList { overflow: hidden;}
.sideNewsBox .newsList li { height: 45px; padding: 10px 0; border-top: #eceff2 1px solid; margin-top:-1px;}
.sideNewsBox .newsList li .pic { width: 80px; height: 45px; float: left; margin-right: 8px; background:#eeeeee url(../images/video_default_s.gif) no-repeat center center;}
.sideNewsBox .newsList li .pic img { width: 80px; height: 45px;}
.sideNewsBox .newsList li .txt { overflow: hidden;  font-size: 14px; line-height: 16px; height: 32px; margin-top:6px; }

.errorBox { width: 526px; height: 448px; margin: 20px auto; clear: both; background: url(../images/error_bg.jpg) no-repeat center top; text-align: center; overflow: hidden;}
.errorBox .errorPrompt { line-height: 50px; margin-top: 150px; font-size: 30px; color: #333333;}
.errorBox .txt { font-size: 16px; color: #a5abb3;}

.t_menuFj { height: 60px; border-bottom: #eceff2 1px solid; margin: -1px 30px 0 30px; background-color: #ffffff;}
.t_menuFj .tab { display: inline-block; height: 56px; line-height: 56px; padding: 0px 35px; margin-right: 5px; border-top:#eceff2 1px solid; border-right:#eceff2 1px solid; border-bottom:#ffffff 4px solid;  border-left:#eceff2 1px solid; font-size: 28px; font-weight: bold; color: #a5abb3; cursor: pointer;}
.t_menuFj .tab.curr { background-color: #f6faff; border-bottom:#4fafff 4px solid; color: #333333;}

.colTit_s { height: 40px; line-height: 40px; padding: 20px 30px; font-size: 24px; font-weight: bold;}

/*---20170717----*/
.wrapIndex .colConBox {/* width: 970px; */ width: 770px;  margin: 0 auto; overflow: hidden;/* */ padding: 0 10px;}

.wrapIndex .infoList li { width: 172px; padding: 0 10px;/* height: 200px;*/  height: 185px; margin-bottom: 10px; float: left; overflow: hidden; }
.wrapIndex .infoList.live li {/*height: 210px;*/ height: 170px;}
.wrapIndex .infoList .pic { width: 172px; /*height: 135px;*/ height: 96px; position: relative; /*background:#eeeeee;*/ /*background:#eeeeee url(../images/video_default.gif) no-repeat center center;*/} 
.wrapIndex .infoList .pic img {width: 172px;/* height: 135px;*/ height: 96px;}
.wrapIndex .infoList .tit { height: 40px; overflow: hidden; margin:10px 0 10px 0; line-height: 20px; font-size: 16px; }
.wrapIndex .infoList .uploadUser { height: 20px; overflow: hidden; line-height: 20px; width: 110px; float: left; }

.wrapIndex .miaopingList  li {/* width: 455px;*/  width: 355px; height: 330px; padding: 0 15px; overflow: hidden; float: left; }
.wrapIndex .miaopingList .tit { height: 30px; line-height: 30px; font-size: 16px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wrapIndex .miaopingList .pic { height: 130px; position: relative; margin: 10px 0; background:#eeeeee url(../images/video_default.gif) no-repeat center center;  }
.wrapIndex .miaopingList .pic img {/* width: 455px; height: 170px;*/ width: 355px; height: 130px; }
.wrapIndex .miaopingList .tip { display: block; position: absolute; top: 10px; right: 10px; z-index: 1; width: 60px; padding: 5px 0 4px 60px; height: 36px; line-height: 18px; text-align: center; background: url(../images/miaoping_tip_index.png) no-repeat 0 0; color: #333333; font-size: 13px; }
.miaopingList .voteBt { display: block; width: 60px; height: 60px; position: absolute; z-index: 1; left: 10px; bottom: 10px; background: url(../images/miaoping_vote.png) no-repeat 0 0; overflow: hidden; text-indent: -999px; }
.wrapIndex .mpSummary { margin:10px 0; height: 50px; font-size: 14px; line-height: 25px; color: #646464; }
.wrapIndex .mpSummary .sideA { width:150px; padding-left: 5px; padding-right:20px; margin-right: 20px;  float: left; height: 50px; border-right: #e7e7e7 1px solid;/*--*/ overflow: hidden;}
.mpSummary .sideB { overflow: hidden; height: 50px; }
.wrapIndex .mpSummary_2 { margin:10px 0; height: 100px; font-size: 14px; line-height: 25px; color: #646464; overflow: hidden;}
.wrapIndex .mpSummary_2 .sideA { width:150px; padding-left: 5px; padding-right:20px; margin-right: 20px;  float: left; height: 100px; border-right: #e7e7e7 1px solid; /*--*/ overflow: hidden; }
.mpSummary_2 .sideB { overflow: hidden; height: 100px; }


.wrapIndex .options-box {  /*margin-top: 20px; *//*height: 60px;*/ height: 40px; cursor: position;}
.wrapIndex .options-box .option-img { z-index: 5; width: 30px; height: 30px; overflow: hidden; border-radius: 30px; margin: 5px 5px; top: 0; }

.wrapIndex .options-box .option-img img {  width:30px; height: 30px; border-radius: 30px;}
.wrapIndex .options-box .pk-box {  position: relative;  overflow: hidden;  height: 40px;}

.wrapIndex .options-box .pk-box .left {
  height: 40px;
  border-radius: 40px; 
  line-height: 40px;
}
.wrapIndex .options-box .pk-box .right {
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
}

.voted .options-box .pk-box .left,.voted .options-box .pk-box .right { height: 6px; padding: 0; }
.wrapIndex .voted .options-box .pk-box .left { border-radius: 40px 0 0 40px; }
.wrapIndex .voted .options-box .pk-box .right { border-radius: 0 40px 40px 0; }
.wrapIndex .options-box .pk-box .text { font-size: 15px;line-height: 40px;}

.wrapIndex .options-box .pk-box .center {
  z-index: 11;
  width: 64px;
  height: 40px;
  left: 50%;
}
.wrapIndex .options-box .pk-box .center .round2 {

  width: 64px;
  height: 64px;
  margin-top: -13px;
  border-radius: 54px;
}
.wrapIndex .options-box .pk-box .center .round1 {
  width: 40px;
  height: 40px;
  line-height: 40px; text-align: center; font-size: 22px; font-weight: bold; color: #333333;
  border-radius: 40px;

}

.wrapIndex .focusBox .pagination p.numP { margin-left: 500px; }