/*通用===========================*/
.pageCom {
  padding-bottom: 0em;
}
.no-btn {
  background-color: #fff !important;
  color: #999 !important;
  border-color: #fff !important;
  cursor: default !important;
}
.no-btn:active {
  opacity: 1 !important;
}
.t-btn-g {
  border: 1px solid #703c01;
  background-color: #703c01;
  color: #fff;
  cursor: pointer;
  text-align: center;
  transition: 0.3s all;
  border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.t-btn-o {
  border: 1px solid #f4752d;
  background-color: #f4752d;
  color: #fff;
  cursor: pointer;
  text-align: center;
  transition: 0.3s all;
  border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/*性格测试头部ban=================================*/
.com-xgcs-head {
  background: url(main1-bg.jpg)
    /*tpa=http://www.caikuaitoutiao.com/theme/22413/zhuanti/ceping/main1-bg.jpg*/
    no-repeat center 0;
  height: 543px;
  color: #fff;
  text-align: center;
}
.com-xgcs-head .t-h2 {
  font-size: 5em;
  padding-top: 14%;
}
/*测试问卷====================*/
.com-cs-box .t-h1 {
  color: #703c01;
  padding: 2% 0;
}
.com-cs-box .t-h1 .t-i1 {
  margin-right: 4%;
}
.com-cs-box .t-h2 {
  padding: 3% 2%;
  border: 1px solid #c2c2c2;
  background-color: #fff;
  margin-bottom: 3%;
}
.com-cs-box .t-h2 .t-p1 {
  font-size: 1.2em;
  font-weight: bold;
}
.com-cs-box .t-h2 .t-p2 .t-radio {
  width: 46%;
  margin-right: 4%;
  cursor: pointer;
  margin-top: 2%;
}
.com-cs-box .t-h2 .t-p2 .t-radio .t-i1 {
  width: 20px;
  height: 20px;
  background: url(radio-lable-bg-2.png) no-repeat center center;
  margin-right: 8px;
}
.com-cs-box .t-h2 .t-p2 .t-radio .t-i2 {
  width: 90%;
}
.com-cs-box .t-h2 .t-p2 .t-radio.act {
  background-color: #654002;
  color: #fff;
}
.com-cs-box .t-h2 .t-p2 .t-radio.act .t-i1 {
  background-image: url(radio-lable-bg-1.png);
}

.com-cs-box .t-h2 .t-p2 .t-radio .radio {
  width: 100%;
  line-height: 1.6;
}
.com-cs-box .t-h2 .t-p2 .t-radio .radio input[type="radio"] + i {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0px;
  position: relative;
  transition: all 0.3s ease 0s;
  color: #666;
  font-style: normal;
  text-align: left;
  height: auto;
}
.com-cs-box .t-h2 .t-p2 .t-radio i p {
  width: 100%;
  padding: 2% 5% 3% 8%;
  position: relative;
  z-index: 2;
  background: #fff;
}
.com-cs-box .t-h2 .t-p2 .t-radio .radio input[type="radio"] + i p:hover {
  border: 0;
  background-color: #ddd;
  width: 100%;
}
.com-cs-box .t-h2 .t-p2 .t-radio .radio input[type="radio"] + i p::after {
  width: 100%;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: -1;
  border: 0;
  background-color: #703c01;
}

.radio input[type="radio"]:checked + i p {
  color: #fff;
}

.radio input[type="radio"]:checked + i p:after {
  content: "";
  background: #703c01;
  height: 100%;
  width: 100%;
  padding: 1% 2%;
  display: inline-block;
}

.com-cs-box
  .t-h2
  .t-p2
  .t-radio
  .radio
  input[type="radio"]:checked
  + i
  p
  .t-i1 {
  background-image: url(radio-lable-bg-1.png);
}

/* 多选 */
.radio input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}

.com-cs-box .t-h2 .t-p2 .t-radio .radio input[type="checkbox"] + i {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0px;
  position: relative;
  transition: all 0.3s ease 0s;
  color: #666;
  font-style: normal;
  text-align: left;
}
.com-cs-box .t-h2 .t-p2 .t-radio i p {
  width: 100%;
  padding: 2% 5% 3% 8%;
  position: relative;
  z-index: 2;
  background: #f6f6f6;
}
.com-cs-box .t-h2 .t-p2 .t-radio .radio input[type="checkbox"] + i p:hover {
  border: 0;
  background-color: #ddd;
  width: 100%;
}
.com-cs-box .t-h2 .t-p2 .t-radio .radio input[type="checkbox"] + i p::after {
  width: 100%;
  border-radius: 0px;
  display: inline-block;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: -1;
  border: 0;
  background-color: #703c01;
}

.radio input[type="checkbox"]:checked + i p {
  color: #fff;
}

.radio input[type="checkbox"]:checked + i p:after {
  content: "";
  background: #703c01;
  height: 100%;
  width: 100%;
  padding: 1% 2%;
  display: inline-block;
}

.com-cs-box
  .t-h2
  .t-p2
  .t-radio
  .radio
  input[type="checkbox"]:checked
  + i
  p
  .t-i1 {
  background-image: url(radio-lable-bg-1.png)
    /*tpa=http://www.caikuaitoutiao.com/theme/22413/zhuanti/ceping/radio-lable-bg-1.png*/;
}

/*收菜==============================*/
.t-sc-bar {
  margin-bottom: 2%;
}
.t-sc-bar input {
  margin: 0;
  padding: 1% 0;
  margin-right: 2%;
  font-size: 1em;
  text-indent: 4%;
  border: 1px solid #c2c2c2;
}
.t-sc-bar input,
.t-sc-bar .t-i4 {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
}
.t-sc-bar .t-i1,
.t-sc-bar .t-i2 {
  width: 28%;
}
.t-sc-bar .t-i3 {
  width: 26%;
}
.t-sc-bar .t-i4 {
  width: 12%;
  font-size: 1em;
  padding: 0.88% 0;
  text-align: center;
}
/*=================================*/
.com-t-btn-sum {
  width: 50%;
  font-size: 1.3em;
  line-height: 2.6em;
  margin: 0 auto;
  display: block;
}
/*========================*/
.com-lrBtn {
  padding: 0 10%;
}
.com-lrBtn .t-h1,
.com-lrBtn .t-h2 {
  width: 46%;
  font-size: 1.3em;
  line-height: 2.8em;
}
/*======================*/
.black-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  left: 0;
  top: 0;
}
:root .black-bg {
  filter: none;
}
.ewcode-pop-out {
  text-align: center;
  display: none;
}
.ewcode-pop-out .ewcode-pop {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 20%;
}
.ewcode-pop-out .ewcode-pop .t-h1 {
  position: relative;
  width: 312px;
  margin: 0 auto;
  margin-bottom: 2%;
}
.ewcode-pop-out .ewcode-pop .t-h1 .t-p1 {
  width: 100%;
}
.ewcode-pop-out .ewcode-pop .t-h1 .t-p2 {
  position: absolute;
  top: -20%;
  right: -20%;
  cursor: pointer;
}
.ewcode-pop-out .ewcode-pop .t-h2 {
  color: #fff;
  font-size: 1.2em;
  background-color: #703c01;
  display: inline-block;
  padding: 0.5% 1%;
}
/*=============================*/
.com-zygh-head {
  background: url(zygh-ban.jpg)
    /*tpa=http://www.caikuaitoutiao.com/theme/22413/zhuanti/ceping/zygh-ban.jpg*/
    no-repeat center 0;
  height: 543px;
  color: #755659;
  font-weight: bold;
}
.com-zygh-head .t-h1,
.com-zygh-head .t-h2 {
  width: 760px;
  text-align: center;
}
.com-zygh-head .t-h1 {
  padding-top: 14%;
  font-size: 3.5em;
}
.com-zygh-head .t-h2 {
  font-size: 4.25em;
}
/*=====================*/
.com-zygh-shi {
  padding: 4% 0;
}
.com-zygh-shi .t-i1 {
  width: 132px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: #fff;
  text-align: center;
}
.com-zygh-shi .t-i1.act {
  background-color: #703c01;
  color: #fff;
}
.com-zygh-shi .t-i1 .t-h1 {
  font-size: 1.3em;
}
.com-zygh-shi .t-i2 {
  width: 223px;
  height: 18px;
  background: url(zygh-arrow.png)
    /*tpa=http://www.caikuaitoutiao.com/theme/22413/zhuanti/ceping/zygh-arrow.png*/
    no-repeat right center;
}
/*===========================*/
.com-title-1 .t-h1 {
  text-align: center;
  margin-bottom: 1em;
}
.com-title-1 .t-h1 .t-p1 {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0.2em;
}
/*==============================*/
.com-zygh-jjfa {
  padding: 6%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.6);
  background-color: #fff;
  margin-bottom: 3.8em;
}
.com-zygh-jjfa .title-1 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.2em;
}
/*==========================*/
.com-zygh-jjfa .bar-1 {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 0.4em;
  background-color: #703c01;
  width: 20%;
  margin: 0 auto;
  padding: 0.3em 0;
  margin-bottom: 1.5em;
}
/*===============================*/
.com-zygh-jjfa .wt-box {
  margin-bottom: 3em;
}
.com-zygh-jjfa .wt-box table {
  border-collapse: collapse;
}
.com-zygh-jjfa .wt-box table td {
  padding: 1.2em 0;
}
.com-zygh-jjfa .wt-box table .td-1 {
  text-align: center;
  font-size: 1.2em;
  background-color: #703c01;
  color: #fff;
  border: 1px solid #703c01;
  border-bottom: 1px solid #fff;
  width: 20%;
}
.com-zygh-jjfa .wt-box table .td-2 {
  font-size: 1em;
  padding-left: 2.5em;
  padding-right: 2.5em;
  border: 1px solid #333;
  line-height: 2;
  width: 80%;
}
.com-zygh-jjfa .wt-box table .td-1.t-spe {
  border-bottom: 1px solid #703c01;
}
/*=======================*/
.app-code {
}
.app-code .t-h1 {
  width: 18%;
  margin: 0 auto;
  margin-bottom: 1em;
}
.app-code .t-h1 img {
  width: 100%;
}
.app-code .t-h2 {
  text-align: center;
  color: #703c01;
  font-size: 1.2em;
}
/*============================*/
@media only screen and (min-width: 768px) {
  .h5-none {
    display: none;
  }
  /*==================*/
  .t-btn-g:hover {
    background-color: transparent;
    color: #703c01;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
  }
  .t-btn-o:hover {
    background-color: transparent;
    color: #f4752d;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
  }
  /*===============*/
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  body {
    font-size: 16px;
  }
  @media only screen and (min-width: 320px) and (max-width: 374px) {
    .pageCom {
      font-size: 65%;
    }
  }
  @media only screen and (min-width: 375px) and (max-width: 413px) {
    .pageCom {
      font-size: 80%;
    }
  }
  @media only screen and (min-width: 414px) and (max-width: 550px) {
    .pageCom {
      font-size: 95%;
    }
  }
  @media only screen and (min-width: 550px) {
    .pageCom {
      font-size: 105%;
    }
  }
  .w1200 {
    width: auto;
  }
  .h5-none {
    display: block;
  }
  /*.header-top,.header-v2,.footer,.float-nav-right,#doyoo_panel{
		display: none;
	}*/
  /*==========================*/
  .t-btn-g,
  .t-btn-o {
    -webkit-transition: none;
  }
  .t-btn-g:active,
  .t-btn-o:active {
    opacity: 0.6;
  }
  /*===================================*/
  .com-xgcs-head {
    -webkit-background-size: cover;
    padding: 10% 4% 10%;
    height: auto;
  }
  .com-xgcs-head .t-h2 {
    padding-top: 0;
    font-size: 2.2em;
    margin-bottom: 0.2em;
  }
  .com-xgcs-head .t-h3 {
  }
  /*================*/
  .com-cs-box {
    padding: 0 4%;
  }
  .com-cs-box .t-h2 .t-p1 {
    margin-bottom: 1%;
  }
  .com-cs-box .t-h2 .t-p2 .t-radio {
    width: 48%;
    margin-top: 3%;
  }
  .com-cs-box .t-h2 .t-p2 .t-radio:nth-of-type(even) {
    margin-right: 0;
  }
  .com-cs-box .t-h2 .t-p2 .t-radio .t-i1 {
    width: 14px;
    height: 14px;
    -webkit-background-size: cover;
  }
  .com-cs-box .t-h2 .t-p2 .t-radio .t-i2 {
    width: 82%;
  }
  .com-cs-box .t-h2 .t-p2 .t-radio {
    /*padding: 2% 2%;*/
  }
  .com-cs-box .t-h1 {
    padding: 3% 0;
  }
  @media only screen and (min-width: 320px) and (max-width: 374px) {
    .com-cs-box .t-h2 .t-p2 .t-radio .t-i2 {
      width: 82%;
    }
  }
  /*===================================*/
  .t-sc-bar .t-i1,
  .t-sc-bar .t-i2,
  .t-sc-bar .t-i3,
  .t-sc-bar .t-i4 {
    display: block;
    width: 80%;
    margin: auto;
    font-size: 1.2em;
    line-height: 2em;
    margin-bottom: 1em;
  }
  .t-sc-bar {
    margin-bottom: -5%;
    padding-top: 1em;
  }
  /*=============================*/
  .com-t-btn-sum {
    width: 60%;
  }
  /*================================*/
  .com-lrBtn .t-h1,
  .com-lrBtn .t-h2 {
    width: 100%;
    font-size: 1.2em;
    line-height: 2.8em;
  }
  .com-lrBtn .t-h1 {
    margin-bottom: 6%;
  }
  /*============================*/
  .ewcode-pop-out .ewcode-pop .t-h1 {
    width: 50%;
    margin-bottom: 4%;
  }
  .ewcode-pop-out .ewcode-pop .t-h1 .t-p2 {
    width: 20%;
  }
  .ewcode-pop-out .ewcode-pop .t-h2 {
    padding: 2% 2%;
  }
  /*==============================*/
  .com-zygh-head {
    -webkit-background-size: cover;
    height: auto;
    padding: 10% 0;
  }
  .com-zygh-head .t-h1,
  .com-zygh-head .t-h2 {
    width: 60%;
  }
  .com-zygh-head .t-h1 {
    padding-top: 0;
    font-size: 1.8em;
  }
  .com-zygh-head .t-h2 {
    font-size: 2.6em;
  }
  /*=====================*/
  .com-zygh-shi {
    padding: 10% 2%;
  }
  .com-zygh-shi .t-i1 {
    width: 20%;
  }
  .com-zygh-shi .t-i1 .t-h1 {
    font-size: 1em;
  }
  .com-zygh-shi .t-i1 .t-h2 {
    font-size: 0.8em;
  }
  .com-zygh-shi .t-i2 {
    width: 6.6%;
    height: 0.6em;
    -webkit-background-size: cover;
  }
  /*=============================*/
  .com-title-1 {
    padding: 0 2%;
  }
  .com-title-1 .t-h1 .t-p1 {
    font-size: 1.6em;
  }
  /*=============================*/
  body .com-zygh-jjfa {
    width: 96%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  }
  .com-zygh-jjfa .title-1 {
    font-size: 1.6em;
    margin-bottom: 0.8em;
  }
  /*==========================*/
  .com-zygh-jjfa .bar-1 {
    font-size: 1.2em;
    width: 50%;
    margin-bottom: 1.2em;
  }
  /*===============================*/
  .com-zygh-jjfa .com-lrBtn {
    padding: 0 6%;
  }
  /*===========================*/
  .com-zygh-jjfa .wt-box {
    margin-bottom: 3em;
  }
  .com-zygh-jjfa .wt-box table td {
    padding: 1em 0;
  }
  .com-zygh-jjfa .wt-box table .td-1 {
    font-size: 1em;
    width: 20%;
  }
  .com-zygh-jjfa .wt-box table .td-2 {
    font-size: 0.9em;
    padding-left: 2em;
    padding-right: 1em;
    border: 1px solid #333;
    line-height: 1.8;
    width: 80%;
  }
}