@charset "utf-8";
/* =s Reset */
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-ms-overflow-style: -ms-autohiding-scrollbar;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:sup;}
sub{vertical-align:sub;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */
header,footer,nav{display: block;}
::-moz-selection{background:#fe917b; color:#fff;}
::selection {background:#fe917b; color:#fff;}
html,body{background:#fff;font-family:'阿里巴巴普惠体', PingFangSC-Light,'helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
body{color:#333; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.inner{width: 1200px;margin: 0 auto;}
input,
textarea{outline: 0;border:0;}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.5) inset !important;
}
.hidden {
    visibility: hidden !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.none {
    display: none !important;
}
.mainBg{
    background: url(../images/AITop2022/bg1.jpg)  #3e5ff0 no-repeat center top;
}
.fbg{
    background: url(../images/AITop2022/circle2.png) no-repeat  bottom right;
}
.AITop-header{
    position: relative;
	min-width: 1200px;
	height:680px;
    padding-top: 50px
}
.AITop-header img{
    vertical-align: top
}

.text_bg{
    width: 1200px;
    box-sizing: border-box;
    padding: 30px 45px;
    margin: 0 auto;
    background: #fff;
}
.in_txt{
    color:#333;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 40px;
    font-family: '阿里巴巴普惠体';
}
.in_txt:last-child{
    margin-bottom: 0;
}
.steps{
    /*padding: 45px 0 50px 0;*/
    width: 1200px;
    margin:60px auto 0 auto;
}
.steps .tit{
    text-align:center;
}
.steps .line{
    text-align: center;
}
.steps .line img{
    vertical-align: top;
}
.steps .txt{
    background: #fff;
    margin-top: 50px;
    padding: 30px 0 10px 0;
}
.steps .txt .item{
	float: left;
	text-align: center;
    line-height: 60px;
    font-size: 20px;
    color:#666;
}
.steps .txt .item1{
	width: 330px;
    padding-left: 30px;
}
.steps .txt .item2{
	width: 499px;
}
.steps .txt .item3{
	margin-left: 93px;
}
.steps .txt .item h4{
	font-size: 20px;
	color:#fff;
    display: none;
}
.steps .txt .item p{
	font-size: 20px;
	color:#666666;
	padding-top: 15px;
}

/*榜单领域*/
.areaBox{
 width: 1200px;
  margin:0 auto;
}
.areaTit{
    text-align: center;
    padding: 67px 0 40px 0;
}
.areaList{
    /* overflow: hidden; */
}
.areaList .item{
    width: 290px;
    height: 220px;
    box-sizing: border-box;
    margin:0 12px 30px 0;
    float: left;
    position: relative;
    background: url(../images/AITop2022/areaBg.jpg) no-repeat;
    cursor: pointer;
}
.areaList .item .hideBox{
    position: absolute;
    width: 100%;
    left: 0;
    top: 232px;
    background: #fff;
    text-align: center;
    box-sizing:border-box;
    z-index: 2;
    padding:14px 10px;
    display: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.1)
}
.areaList .item:hover .hideBox{
    display: block;
}
.areaList .item .hideBox em{
    position: absolute;
    width:0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color:transparent transparent #fff transparent;
    top: -24px;
    left: 133px;
    z-index: 3;
}
.areaList .item .hideBox p{
    font-size: 16px;
    color:#333;
    line-height: 28px;
}
.areaList .item:nth-child(4n+4){
    margin-right: 0;
}
.areaList .item .tit{
    color:#fff;
    padding: 30px 0 0 20px;
}
.areaList .item .tit h3{
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 3px;
    padding-bottom:15px;
    font-family: '阿里巴巴普惠体';
}
.areaList .item .tit h3 span{
    letter-spacing: 0;
}
.areaList .item .tit h4{
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 1;
}
.areaList .item .tit .line{
    width: 25px;
    height: 2px;
    background: #fff;
    margin-top: 40px;
    margin-left: 3px;
}
.areaList .item i{
    position: absolute;
    background-image:url(../images/AITop2022/icons.png); 
    right: 0;
    bottom: 0;
}
.areaList .item.i1 i{
    background-position: -29px -15px;
    width: 116px;
    height: 107px;
} 
.areaList .item.i2 i{
    background-position: -172px -35px;
    width: 93px;
    height: 89px;
} 
.areaList .item.i3 i{
    background-position: -295px -40px;
    width: 89px;
    height: 82px;
} 
.areaList .item.i4 i{
    background-position:  -413px -38px;
    width: 87px;
    height: 87px;
} 
.areaList .item.i5 i{
    background-position:  -526px -36px;
    width: 104px;
    height: 97px;
} 
.areaList .item.i6 i{
    background-position:  -659px -37px;
    width: 101px;
    height: 90px;
} 
.areaList .item.i7 i{
    background-position:  -785px -41px;
    width: 116px;
    height: 87px;
} 
.areaList .item.i8 i{
    background-position:  -29px -160px;
    width: 104px;
    height: 83px;
} 
.areaList .item.i9 i{
    background-position:  -161px -160px;
    width: 97px;
    height: 93px;
}
.areaList .item.i10 i{
    background-position:  -288px -164px;
    width: 105px;
    height: 83px;
    right: 3px;
}
.areaList .item.i11 i{
    background-position:  -426px -175px;
    width: 116px;
    height: 72px;
    right: 5px;
}
.areaList .item.i12 i{
    background-position:  -559px -166px;
    width: 92px;
    height: 82px;
    right: 5px;
}
.areaList .item.i13 i{
    background-position:  -673px -164px;
    width: 97px;
    height: 85px;
    right: 5px;
}
.areaList .item.i14 i{
    background-position:  -786px -157px;
    width: 99px;
    height: 91px;
    right: 8px;
    bottom: 5px;
}
.areaList .item.i15 i{
    background-position:  -37px -265px;
    width: 90px;
    height: 85px;
    right: 5px;
    bottom: 5px;
}
.areaList .item.i16 i{
    background-position:  -166px -265px;
    width: 85px;
    height: 85px;
    right: 5px;
    bottom: 5px;
}
.areaList .item.i17 i{
    background-position: -291px -257px;
    width: 96px;
    height: 95px;
    right: 5px;

}
.areaList .item.i18 i{
    background-position: -415px -273px;
    width: 96px;
    height: 82px;
    right: 5px;
    
}
.areaList .item.i19 i{
    background-position:  -538px -263px;
    width: 106px;
    height: 99px;
    right: 5px;
 
}
.areaList .item.i20 i{
    background-position:  -676px -264px;
    width: 84px;
    height: 98px;
    right: 5px;
   
}
.areaList .item.i21 i{
    background-position:  -787px -283px;
    width: 81px;
    height: 81px;
    right: 5px;
   
}
.areaList .item.i22 i{
    background-position:-29px -376px;
	width: 111px;
	height: 80px;
    right:5px;
}
/*评选标准*/
.standard{
	width: 1200px;
	margin: 0 auto;
}
.standard .title{
    text-align: center;
    padding: 20px 0 45px 0;
}

.standard .main .row {
    width: 1200px;
    margin:0 auto;
    margin-bottom: 35px;
    color:#1b1b1b;
    position: relative;
}
.standard .main .row .tit{
    font-size:24px;
    font-weight: bold;
    color:#fff;
    text-align:center;
    padding-bottom: 25px;
}
.standard .main .row .tit span{
    display: inline-block;
    background: url(../images/AITop2022/s_bg.png) no-repeat;
    width: 270px;
    height: 30px;
}
.standard .main .row .txt{
    height: 85px;
    padding: 42px 0 ;
}

.standard .main .row .lTxt{
	float: left;
    width: 390px;
    font-size: 24px;
    text-align: center;
    height: 85px;
    line-height: 85px;
    border-right: 1px solid #b2b2b2;
}
.standard .main .row .rTxt{
    overflow: hidden;
    padding-left: 70px;
    font-size: 16px;
    color:#666;
    padding-right: 50px;
}
.standard .main .row .txt p{
    float: left;
    width:220px;
    line-height: 42px;
}
.standard .main .row1 .txt p{
    width: 250px;
}
.standard .row1 .txt{
    background: url(../images/AITop2022/s_icon1.jpg)  #fff no-repeat right bottom;
}
.standard .row2 .txt{
    background: url(../images/AITop2022/s_icon2.jpg)  #fff no-repeat right bottom;
}
.standard .row3 .txt{
    background: url(../images/AITop2022/s_icon3.jpg)  #fff no-repeat right bottom;
}
.standard .row4 .txt{
    background: url(../images/AITop2022/s_icon4.jpg)  #fff no-repeat right bottom;
}

.applyBtn{
    text-align: center;
    padding: 60px 0 0  0;
}
.spreadPlan{
    width: 1200px;
    margin:0 auto;
}
.spreadPlan .title{
    text-align: center;
    padding: 80px 0 45px 0;
}
.spreadPlan .main{
    text-align: center;
    background: #fff;
    border-radius: 5px;
}
.spreadPlan .main img{
    vertical-align: top;
}
.footer{
    width: 100%;
    background: #2b4ad2;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color:#fff;
    margin-top: 110px;
}
/**/
.awardResult .parts .title{
    text-align: center;
    margin-bottom: 50px;
}
.awardResult .parts .list{
    width: 1220px;
    margin:0 auto;
    overflow: hidden;
}
.awardResult .parts .list .items{
    width: 226px;
    margin:0 9px 50px 9px;
    background: url(../images/AITop2022/result/itemBg.jpg);
    text-align: center;
    float: left;
    font-family: '思源黑体 CN';
    height: 165px;
}
.awardResult .parts .list .items .logos{
    width: 204px;
    height: 70px;
    margin:11px 0 0 11px;
}
.awardResult .parts .list .items .logos img{
    width: 140px;
}
.awardResult .parts .list .items .txt h3{
    line-height: 40px;
    font-size: 16px;
    color:#f07781;
}
.awardResult .parts .list .items .txt p{
    line-height: 40px;
    font-size: 14px;
    color:#666;
}





/*表单页面css*/
.formBg{
    background: url(../images/AITop2022/formBg1.jpg) no-repeat center top;
    min-width: 1200px;
}
.AITop-header2{
    width: 1200px;
	height: 700px;
    margin: 0 auto;  
}
.AITop-header2 .logos{
    padding-top: 75px;
    padding-left: 16px
}
.AITop-form{
	overflow: hidden;
	width: 1200px;
    margin:0 auto;

}
.AITop-form .title{
	text-align: center;
	padding-bottom: 50px;
}
.AITop-form .row{
	overflow: hidden;
	margin-bottom: 30px;
}
.AITop-form .row .label{
	float: left;
	width: 210px;
	line-height: 44px;
	color:#333;
	font-size: 16px;
}
.AITop-form .row .label p{
	line-height: 20px;
	font-size: 14px;
}
.AITop-form .row .label-input{
	overflow: hidden;
}
.AITop-form .row .label-input input[type="text"]{
	height:32px;
	line-height: 32px;
	border:1px solid #3892f3;
	padding:5px 10px;
	width: 940px;
	background: #fff;
	font-size: 16px;
	color:#666;
    
}
.AITop-form .row .label-input input.error{border-color:#f00;}
.AITop-form .row .label-input input[type="text"]:focus,
.AITop-form .row .label-input textarea:focus{
	border-color: #08eafc;
}
.AITop-form .row2 .item{
	float: left;
	width: 50%;
}
.AITop-form .row2 .item input[type="text"]{
	width: 358px;
}
.AITop-form .row2 .item2 .label{
	padding-left: 30px;
	width: 160px;
}
.AITop-form .row  textarea{
	padding: 10px;
	width: 940px;
	border:1px solid #3892f3;
	height: 130px;
	line-height: 24px;
	font-size: 16px;
	color:#333;
	background: #fff;
}
.AITop-form .row  textarea.error{border-color:#f00;}
.AITop-form .row-radio .label-input a{padding-left: 30px;position: relative;line-height: 44px;float: left;margin-right: 60px;font-size: 16px;color:#C19A5C;}
.AITop-form .row-radio .label-input a.last{margin-right: 18px;}
.AITop-form .row-radio .label-input a input{position: absolute;left: 1px;top:14px;opacity: 0;z-index: 2;width:16px;height: 16px;}
.AITop-form .row-radio .label-input a .under-btn{position: absolute;left: 0;top: 14px;width:16px;height: 16px;border-radius: 50%;-webkit-border-radius: 50%;border:1px solid #C19A5C;}

.AITop-form .row-radio .label-input input[type="text"]{width:180px; }
/*.AITopTen-form .row-radio .label-input input[type=radio]:checked+ .under-btn em,*/
.AITop-form .row-radio .label-input a.sel .under-btn em{
    position: absolute;background: url(../images/AITopTen2019/circle.png) no-repeat;width: 10px;height: 10px;left: 50%;top: 50%;
    margin-left: -5px;
    margin-top: -5px;
}
.from_btn_bg .btns{
	margin: 100px auto 0 auto;
	text-align: center;
}
.from_btn_bg .link_title{
    text-align: center;
    font-size: 24px;
    color: #fff;
    margin-top: 90px;
    letter-spacing: 3px;
    margin-bottom: 18px;
}
.from_btn_bg .link_ewm{
   width: 105px;
   height: 105px;
   margin: 0 auto;
   background:#fff url(../images/AITop2022/code.jpg)no-repeat center center;
}
.from_btn_bg .link_name{
   font-size: 16px;
   color: #666;
   text-align: center;
   margin-top: 20px;
   letter-spacing: 1px;
}
.from_btn_bg .link_name.one{
    margin-top: 14px;
}
.from_btn_bg .link_name.two{
    margin-top: 10px;
}
.AITopTen-form .tips{
	font-size: 14px;
	color:#fff;
	padding-top: 10px;
}
.from_btn_bg .btns input{
	width: 380px;
	height: 84px;
	cursor: pointer;
	background: url(../images/AITop2022/sub_btn.png);
}

.mask-pop{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 9;}
.success-pop{display: none;position: fixed;z-index: 10;width: 300px;left: 50%;margin-left: -150px;top:50%;margin-top: -80px;background: #fff;}
.success-pop .tit{padding: 35px 0;text-align: center;font-size: 16px;color: #333;}
.success-pop #clsBtn{position: absolute;right: 15px;top:15px;background: url(../../images/common/yzEmail-sprite.png) no-repeat 0 -19px;width: 15px;height: 16px;cursor: pointer;}
.success-pop .btn {text-align: center;padding-bottom: 30px;}
.success-pop .btn a{display: inline-block;padding: 5px 30px;background: #2017c0;color: #fff;font-size: 14px;}
/* .from_pic{
    width:225px;
    height:169px;
    border:1px solid #896E45;
    text-align: center;
    box-sizing: border-box;
    padding-top: 24px;
    cursor: pointer;
    position: relative;
} */
.add_text{
    color: #D2A561;
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 10px;
}
.pic_topic{
    color: #645032;
    font-size: 12px;
}
.file_input{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
#form_container{
    text-align: center;
  
  }
  .file {
    position: relative;
    display: inline-block;
    /*background: #d0eeff;*/
    /*border: 1px solid #99d3f5;*/
    /*border-radius: 4px;
    padding: 4px 12px;*/
    overflow: hidden;
    /*color: #1e88c7;*/
    text-decoration: none;
    text-indent: 0;
    /*line-height: 20px;*/
    background: url(../images/AITop2022/add.png) no-repeat;
    width: 44px;
    height: 44px;
    border-radius: 50%;
  }
  .file input {
    position: absolute;
    width: 44px;
    height: 44px;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
  }
  .file:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  .upload_box {
    position: relative;
    /*margin: 1rem auto;*/
  }
  .upload_box {
    border: 1px solid #3892f3;
    overflow: hidden;
  }
  .upload_box .upload_choose {
    padding: 0.8rem;
    padding-bottom: 0.5rem;
    overflow: hidden;
  }
  .upload_box .upload_drag_area {
    display: block;
    width: 96%;
    padding: 2rem 0;
    margin: 0px auto 10px;
    border: 1px dashed #395d91;
    background: #161d48;
    color: #999;
    text-align: center;
    vertical-align: middle;
  }
  .upload_box .upload_main .upload_preview {
    border-top: 1px solid #a6a2e6;
    overflow: hidden;
  }
  .upload_box .upload_main .upload_preview ul {
    width: 99%;
    margin: 0 auto;
  }
  .upload_box .upload_main .upload_preview .upload_append_list {
    position: relative;
    margin-left: 13px;
    margin-top: 10px;
    float: left;
    width: 102px;
  }
  .upload_box .upload_main .upload_preview .upload_append_list p {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid #395d91;
  }
  .upload_box .upload_main .upload_preview .upload_append_list p em {
    float: left;
    padding: 10px;
    font-style: normal;
    overflow: hidden;
  }
  .upload_box .upload_main .upload_preview .upload_append_list p span.upload_delete {
    position: absolute;
    top: 3px;
    right: 2px;
    background: url('../images/aigrowup2018/cuo.png') no-repeat 0 0;
    cursor: pointer;
    text-align: center;
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
  }
  .upload_box .upload_main .upload_preview .upload_append_list p img {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
  }
  .upload_box .upload_main .upload_preview .upload_append_list .upload_progress {
    display: none;
    padding: 5px;
    border-radius: 10px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    left: 25px;
    top: 45px;
  }
  .upload_box .upload_main .upload_preview .upload_append_list .filename {
    font-size: 12px;
    text-align: center;
    display: block;
    width: 100%;
    line-height: 22px;
    height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
  }
  .upload_box .upload_submit {
    margin-left: 18px;
    margin-bottom: 16px;
    margin-top: 16px;
    overflow: hidden;
  }
  .upload_box .upload_submit .upload_submit_btn {
    border: none;
    background: #f0594e;
    padding: 2px 15px;
    color: #fff;
    border-radius: 3px;
    height: 32px;
    font-size: 14px;
    cursor: pointer;
  }
  .upload_drag_hover {
    border-color: #069;
    box-shadow: inset 2px 2px 4px rgba(0,0,0,0.5);
    color: #333;
  }
  .upload-progress {
    font-style: normal;
    font-size: 12px;
    position: absolute;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    color: #f00;
  }
  .upload-progress.success {
    background: url('../images/aigrowup2018/gou.png') no-repeat 0 0;
    width: 50px;
    height: 50px;
    top: 26px;
    left: 26px;
  }
  .ajax-loader {
    position: absolute;
    top: 35px;
    left: 35px;
    background: url('../images/aigrowup2018/juhua.gif') no-repeat 0 0;
    width: 32px;
    height: 32px;
    z-index: 10;
  }
  .upload-fail {
    background: url('../images/aigrowup2018/delete.png') no-repeat 0 0;
    top: 26px;
    left: 26px;
    width: 50px;
    height: 50px;
  }
  p.img-notice{
    color: #666;
    font-size: 12px;
    line-height: 2;
  }

.filename{
    font-size: 16px;
    padding-top: 15px;
    color:#666;
}
.upload_choose{
    text-align: center;
}



/*----------- billboard ----------------*/
.billboardWrap{
    margin: 60px auto;
}
.billboard-title{
text-align: center;
font-size: 0;
margin-bottom: 45px;
}
.billboard-title img{
display: inline;
}

.billboard-list .billboard{
    margin-bottom: 50px;
}
.billboard .tit{
height: 90px;
padding-left: 115px;
line-height: 90px;
background: url("../images/AITop2022/billboard/bg_title.png") no-repeat center;
overflow: hidden;
}
.billboard .tit span{
font-size: 32px;
color: #fff;
font-style: italic;
font-weight: bold;
text-shadow: 0 3px #005eea;
}
.billboard .list{
margin-left: -17px;
}
.billboard .list .item{
float: left;
box-sizing: border-box;
width: 226px;  
height: 165px;
padding: 11px 11px 0;
background: url("../images/AITop2022/billboard/bg_item1.png") no-repeat center;
background-size: 100% 100%;
margin-top: 25px;
margin-left: 17px;
}
.billboard .list .item .logo{
    /* display: table; */
    text-align: center;
width: 204px;
height: 70px;
background-color: #fff;
overflow: hidden;
}
.billboard .list .item .logo img{
/* width: 204px;
height: 70px; */
width: auto;
height: 70px;
vertical-align: middle;
}
.billboard .list .item .info{
color: #666;
text-align: center;
}
.billboard .list .item .info .name{
height: 40px;
line-height: 42px;
color: #f07781;
font-size: 16px;
}
.billboard .list .item .info .cat{
font-size: 14px;
margin-top: 10px;
}