body {
  min-width: 320px;
  margin: 0 auto;
}
.wrap {
  display: block;
  height: 100%;
  margin: 0px 10px;
}
.header {
  height: 60px;
  margin-bottom: 10px;
  background: -webkit-linear-gradient(left, #3aa9ff, #4fc1fc, #3598f3);
  background: -moz-linear-gradient(top, #3aa9ff, #4fc1fc,#3598f3); 
  background: linear-gradient(left, #3aa9ff, #4fc1fc, #3598f3);
}
.header .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header .logo {
  width: 65px;
  height: 100%;
  background: url(../img/logo.png) no-repeat left center;
  background-size: 50px auto;
}
.header .searchbox {
  padding-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header .searchbox form {
  width: 90%;
  margin: 0 auto;
}
.header .searchbox form .search {
  border-radius: 3px;
  height: 40px;
  line-height: 40px;
  background-color:#FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.header .searchbox form .search .city{
  float: left;
  width: 20%;
  text-align: center;
  color: #444;
  border-right: 1px solid #DDD;
}
.header .searchbox form .search .industry{
  float: left;
  width: 30%;
  border-right: 1px solid #DDD;
}
.header .searchbox form .search .industry select{
  height:40px;
  line-height: 40px;
  border: 0;
  outline: 0;
  font-size: 10px;
  display:block;
  margin:0 auto;
  -webkit-appearance:none;
  appearance:none;
}
.header .searchbox form .search .sub_btn {
	width:45px;
	background: url(../img/ico_search.png) no-repeat 16px center;
	background-size: 22px 22px;
text-indent:1000px;
overflow:hidden;
border:0px;
outline:0px;
}
.header .searchbox form .search .in_search {
	-webkit-box-flex: 1;
 	 -webkit-flex: 1;
     	 -ms-flex: 1;
       		 flex: 1;
  border: 0px;
  outline: 0px;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  font-size: 1.6rem;
  padding: 0 5px;
}


.header .newstopbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.header .newstopbar a:nth-child(1) {
  display: block;
  width: 36px;
  height: 100%;
  background: url(../img/btn_goback.png) no-repeat center center;
  background-size: 100% auto;
}
.header .newstopbar div:nth-child(2) {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  line-height: 60px;
  font-size: 1.8rem;
  color: #FFF;
  text-align: center;
}
.header .newstopbar a:nth-child(3) {
  display: block;
  width: 28px;
  height: 100%;
  background: url(../img/btn_search.png) no-repeat center center;
  background-size: 100% auto;
}
.header .searchtopbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  line-height:60px;
}
.header .searchtopbar a:nth-child(1) {
  display: block;
  width: 36px;
  height: 100%;
  background: url(../img/btn_goback.png) no-repeat center center;
  background-size: 100% auto;
}
.header .searchtopbar div:nth-child(2) {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.header .searchtopbar div:nth-child(2) form {
  width: 90%;
  margin: 0 auto;
}
.header .searchtopbar div:nth-child(2) form input {
  border: 0px;
  outline: 0px;
  width: 84%;
  padding: 0px 8%;
  border-radius: 20px;
  height: 40px;
}
.header .searchtopbar a:nth-child(3) {
  display: block;
  width: 3.2rem;
  height: 100%;
  font-size: 1.6rem;
  color: #FFF;
}
.header .logintopbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.header .logintopbar a:nth-child(1) {
  display: block;
  width: 36px;
  height: 100%;
  background: url(../img/btn_goback.png) no-repeat center center;
  background-size: 100% auto;
}
.header .logintopbar div:nth-child(2) {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  line-height: 80px;
  font-size: 1.8rem;
  color: #FFF;
  text-align: center;
}
.header .logintopbar a.reg {
  display: block;
  width: 36px;
  height: 100%;
  background: url(../img/btn_reg.png) no-repeat center center;
  background-size: 100% auto;
}
.header .logintopbar a.login {
  display: block;
  width: 36px;
  height: 100%;
  background: url(../img/btn_login.png) no-repeat center center;
  background-size: 100% auto;
}
.header .logintopbar a.home {
  display: block;
  width: 36px;
  height: 100%;
  background: url(../img/btn_home.png) no-repeat center center;
  background-size: 100% auto;
}
.footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #FFF;
}
.footer .copy {
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 1.2rem;
  color: #555555;
}
.footer .menu {
  display: block;
  width: 100%;
  height: 50px;
  background: #5f5e5e;
}
.footer .menu li {
  width: 33%;
  float: left;
}
.footer .menu li a {
  display: block;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  padding-top: 26px;
  font-weight: normal;
}
.footer .menu li:nth-child(1) a {
  background: url(../img/ft_ico2.png) no-repeat center 8px;
  background-size: auto 35%;
}
.footer .menu li:nth-child(1) .on{
  background: url(../img/ft_ico1.png) no-repeat center 8px #3a3a3a;
  background-size: auto 35%;
}
.footer .menu li:nth-child(2) a {
  background: url(../img/ft_ico4.png) no-repeat center 8px;
  background-size: auto 35%;
}
.footer .menu li:nth-child(2) .on {
  background: url(../img/ft_ico3.png) no-repeat center 8px #3a3a3a;
  background-size: auto 35%;
}
.footer .menu li:nth-child(3) a {
  background: url(../img/ft_ico6.png) no-repeat center 8px;
  background-size: auto 35%;
}
.footer .menu li:nth-child(3) .on {
  background: url(../img/ft_ico5.png) no-repeat center 8px #3a3a3a;
  background-size: auto 35%;
}
.banner {
  position: relative;
}
.banner .bd li {
  width: 100%;
}
.banner .bd li img {
  display: block;
  width: 100%;
}
.banner .hd {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 20px;
}
.banner .hd .op {
  height: 100%;
  background: #FFF;
  opacity: 0.7;
}
.banner .hd ul {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 15px;
  padding-top: 3px;
  width: 100%;
  text-align: center;
}
.banner .hd ul li {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/ico_slidebtn.png) no-repeat left bottom;
  line-height: 1000px;
  text-indent: 1000px;
  overflow: hidden;
  margin: 0px 5px;
}
.banner .hd ul .on {
  background-position: left top;
}
.main {
  display: block;
  padding-bottom: 100px;
}
.main .category {
  width: 100%;
  padding: 10px 0px;
}
.main .category ul {
  width: 100%;
  margin: 0 auto;
}
.main .category ul li {
  float: left;
  width: 21%;
  margin: 2%;
  height: 60px;
}
.main .category ul li a {
  display: block;
  height: 20px;
  padding-top: 38px;
  color: #FFF;
  font-size: 10px;
  text-align: center;
}
.main .category ul li:nth-child(1) {
  background: url(../img/ico_it1.png) no-repeat center 28% #aacf43;
  background-size: auto 40%;
}
.main .category ul li:nth-child(2) {
  background: url(../img/ico_it2.png) no-repeat center 28% #e6994b;
  background-size: auto 40%;
}
.main .category ul li:nth-child(3) {
  background: url(../img/ico_it3.png) no-repeat center 28% #e48696;
  background-size: auto 40%;
}
.main .category ul li:nth-child(4) {
  background: url(../img/ico_it4.png) no-repeat center 28% #5ebdd9;
  background-size: auto 40%;
}
.main .category ul li:nth-child(5) {
  background: url(../img/ico_it5.png) no-repeat center 28% #0bbebb;
  background-size: auto 40%;
}
.main .category ul li:nth-child(6) {
  background: url(../img/ico_it6.png) no-repeat center 28% #6eb943;
  background-size: auto 40%;
}
.main .category ul li:nth-child(7) {
  background: url(../img/ico_it7.png) no-repeat center 28% #6fa4e5;
  background-size: auto 40%;
}
.main .category ul li:nth-child(8) {
  background: url(../img/ico_it8.png) no-repeat center 28% #9663d5;
  background-size: auto 40%;
}
.main .hotkey{
}
.main .hotkey .hd {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  height: 2em;
  line-height: 2em;
  padding-left: 10px;
  background-color: #3aa9ff;
}
.main .hotkey .bd {
  padding: 10px;
  border: 1px solid #FDFDFD;
  background-color: #f8f8f8;
}
.main .hotkey .bd ul{
}
.main .hotkey .bd ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.5em;
  line-height: 2.5em;
  width: 100%;
  border-bottom: 1px dashed #DDD;
}
.main .hotkey .bd ul li a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #888888;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.main .hotkey .bd ul li span{
  width: 80px;
  color: #888888;
}
.main .newsbox .hd {
  margin-bottom: 10px;
}
.main .newsbox .hd li {
  float: left;
  padding: 0px 5px;
  border-top: 5px solid #FFF;
  font-size: 1.4rem;
  color: #333333;
  margin-right: 10px;
}
.main .newsbox .hd .on {
  color: #f47303;
  border-top: 5px solid #f47303;
}
.main .newsbox .hd .tip {
  font-size: 1.4rem;
  color: #555555;
  line-height: 2.8rem;
}
.main .newsbox .bd li {
  height: 35px;
  padding: 10px 0px;
  border-bottom: 1px solid #ababab;
}

.main .newsbox .bd li a:nth-child(1) {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 1.4rem;
  color: #333333;
}
.main .newsbox .bd li span:nth-child(2) {
  display: block;
  height: 15px;
  line-height: 15px;
  font-size: 1.2rem;
  color: #868f99;
}
.main .newsbox .ft .loadmore {
  padding-bottom: 14px;
  margin: 15px 0px;
  text-align: center;
  font-size: 1.2rem;
  background: url(../img/btn_downmore.png) no-repeat center bottom;
  background-size: 15px;
}
.main .article .title {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: bold;
}
.main .article .info {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: center;
  color: #888888;
  margin-bottom: 10px;
}
.main .article .detail .pic {
  width: 100%;
}
.main .article .detail .pic img {
  width: 100%;
}
.main .article .detail .content {
  padding: 10px 0px;
  font-size: 1.4rem;
  line-height: 2.0rem;
  overflow-x:auto;
}
.main .article .detail .content p {
  text-indent: 2em;
  margin-bottom: 1em;
}
.main .article .detail .content * {
  color: #333333;
}
.main .signbox {
  text-align: center;
  margin-bottom: 10px;
}
.main .signbox a {
  display: inline-block;
  width: 36%;
  height: 44px;
  line-height: 44px;
  font-size: 1.6rem;
  color: #FFF;
  border-radius: 5px;
}
.main .signbox a:nth-child(1) {
  background-color: #019ed3;
}
.main .signbox a:nth-child(2) {
  background-color: #ea8f00;
}
.main .page .about {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}
.main .page .about h1 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  padding-top: 10px;
  font-weight: bold;
}
.main .page .about p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  margin-bottom: 1rem;
}
.main .page .about address {
  font-size: 1.4rem;
}
.main .login {
  margin-bottom: 20px;
}
.main .login .tip {
  font-size: 1.3rem;
  padding: 10px 0px;
}
.main .login .tip span {
  color: #2fb4fe;
}
.main .login .form {
  border-radius: 5px;
  box-shadow: 0px 2px 10px #ccc;
}
.main .login .form .inputbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  border-bottom: 1px solid #ccc;
}
.main .login .form .inputbox label {
  float: left;
  width: 45px;
  height: 100%;
}
.main .login .form .inputbox input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 20px;
  line-height: 20px;
  font-size: 1.4rem;
  padding: 10px 10px;
  border: 0px;
  outline: 0px;
}
.main .login .form .row1 label {
  background: url(../img/ico_mail.png) no-repeat center center, url(../img/ico_bian.png) no-repeat right center;
  background-size: 16px auto   ,1px auto;
}
.main .login .form .row2 label {
  background: url(../img/ico_pwd.png) no-repeat center center, url(../img/ico_bian.png) no-repeat right center;
  background-size: auto 16px  ,1px auto;
}
.main .login .memo {
  padding: 10px 0px;
  text-align: right;
  font-size: 1.4rem;
  text-decoration: underline;
}
.main .login .memo a {
  color: #7d7d7d;
}
.main .submit {
  padding-top: 20px;
}
.main .submit .btn_sub {
  display: block;
  border: 1px solid #33a8fe;
  border-radius: 5px;
  background: #2fb4fe;
  width: 100%;
  height: 34px;
  color: #FFF;
  text-align: center;
  font-size: 1.6rem;
}
.main .usercenter .hd {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #2899ef;
  font-size: 1.6rem;
}
.main .usercenter .bd .log li {
  padding: 0px 5px;
  height: 2rem;
  line-height: 2rem;
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  font-size: 1.2rem;
  overflow: hidden;
}
.main .usercenter .bd .keyword li {
  position: relative;
  height: 2rem;
  line-height: 2rem;
  float: left;
  width: 22%;
  margin-left: 2%;
  margin-bottom: 20px;
  text-align: center;
}
.main .usercenter .bd .keyword li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
  border: 1px solid #a4a4a4;
  color: #888888;
  font-size: 1.2rem;
  cursor: Default;
  overflow: hidden;
}
.main .usercenter .bd .keyword li span {
  position: absolute;
  z-index: 99;
  right: -10px;
  top: -10px;
  width: 10px;
  height: 10px;
  background: url(../img/ico_del.png) no-repeat center center;
  cursor: pointer;
}
.main .usercenter .bd .fav .ftitle {
  height: 2.4rem;
  line-height: 2.4rem;
  background: #e1e1e1;
  font-size: 1.2rem;
  text-align: center;
}
.main .usercenter .bd .fav .ftitle li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main .usercenter .bd .fav .ftitle span {
  display: block;
}
.main .usercenter .bd .fav .ftitle span:nth-child(1) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
 /* background: url(../img/ico_list1.png) no-repeat 10px center;*/
  background-size: auto 10px;
  text-align: left;
}
.main .usercenter .bd .fav .ftitle span:nth-child(2) {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.main .usercenter .bd .fav .ftitle span:nth-child(3) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main .usercenter .bd .fav .ftitle span:nth-child(4) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main .usercenter .bd .fav .flist li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  line-height: 40px;
  font-size: 1.2rem;
  border-bottom: 1px solid #ddd;
}
.main .usercenter .bd .fav .flist span {

  overflow: hidden;
  text-align: center;
}
.main .usercenter .bd .fav .flist span:nth-child(1) {
  width: 30px;
 /* background: url(../img/ico_list1.png) no-repeat 10px center;*/
  background-size: auto 10px;
  text-align: left;
}
.checkboxzj {
    width: 20px;
	height:20px;
	-webkit-appearance: none;
	background: url(../img/ico_list1.png) no-repeat 3px 3px;
}
/*background:url('../img/login.png')no-repeat -465px -120px;*/
.checkboxzjok {
    width: 20px;
	height:20px;
	-webkit-appearance: none;
	background: url(../img/ico_listok.png) no-repeat 3px 3px;
}

.main .usercenter .bd .fav .flist span:nth-child(2) {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
      -ms-flex: 3;
          flex: 3;
  text-align: left;
}
.main .usercenter .bd .fav .flist span:nth-child(3) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.main .usercenter .bd .fav .flist span:nth-child(4) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: url(../img/btn_del.png) no-repeat center center;
  background-size: auto 40%;
  cursor: pointer;
}
.main .usercenter .bd .userinfo .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  line-height: 36px;
  margin-bottom: 5px;
}
.main .usercenter .bd .userinfo .row label {
  display: block;
  width: 60px;
  padding-right: 1rem;
  font-size: 1.2rem;
  text-align: right;
  vertical-align: middle;
}
.main .usercenter .bd .userinfo .row .lab-con {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  position: relative;
}
.main .usercenter .bd .userinfo .row .lab-con input[type=text] {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 34px;
  width: 86%;
  outline: 0px;
  border: 1px solid #ddd;
  font-size: 1.2rem;
  padding: 0 2%;
  -webkit-appearance: none;
}
.main .usercenter .bd .userinfo .row .lab-con select {
  float: left;
  height: 34px;
  outline: 0px;
  border: 1px solid #ddd;
  font-size: 1.2rem;
  -webkit-appearance: none;
  background: url(../img/ico_select.png) no-repeat right center;
  padding-right: 20px;
  padding-left: 5px;
  background-size: auto 8px;
}
.main .usercenter .bd .userinfo .row .lab-con .checkbox {
  height: 34px;
  width: 60px;
  border-radius: 17px;
  background: #3aa4f5;
  position: relative;
}
.main .usercenter .bd .userinfo .row .lab-con .checkbox span {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 50%;
  background: #FFF;
}
.main .usercenter .bd .userinfo .row .lab-con .checkbox .sex_m {
  right: auto;
  left: 2px;
}
.main .usercenter .bd .userinfo .row .address select {
  margin-right: 1%;
}
.formtip {
  display: none;
  padding-bottom: 10px;
  color: #666;
}
.formtip.Validform_wrong {
  display: block;
  color: red;
}
.formtip.Validform_right {
  display: block;
  color: green;
}

.selectcity{
}
.selectcity h3{
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #FFA000;
}

.selectcity .letters ul{
  padding: 10px;
  border-bottom: 1px solid #DDD;
  background: #fdfdfd;
  margin-bottom: 10px;
}
.selectcity .letters ul li{
  float: left;
  width: 16%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}
.selectcity .letters ul li a{
  color: #333;
}

.selectcity .citys ul{
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background: #edfffc;
  background: #fdfdfd;
}
.selectcity .citys ul li{
  float: left;
  margin-right: 20px;
  line-height: 1.8em;

}
.selectcity .citys ul li a{
  color: #FFA000;
  font-size: 14px;
}