/*
 * Author: dengyang
 * LastTime: 2021-06-03 10:09:24
 * Description: 
 * Contact: 
 */

/* 页面顶部头图 */
.banner{width: 100%;height: auto;margin: auto;}
.banner img{width: 100%;display: block;}


/*页面中常用的鼠标划过效果*/
.amouse{-webkit-animation: a_mouse .6s ease both;animation: a_mouse .6s ease both;}
.amouse:hover{-webkit-animation: a_mouse_h .6s ease both;animation: a_mouse_h .6s ease both;}
@keyframes a_mouse {
    0%{-webkit-transform: translateY(-10%);transform: translateY(-10%);}
    100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@-webkit-keyframes a_mouse{
    0%{-webkit-transform: translateY(-10%);transform: translateY(-10%);}
    100%{-webkit-transform: translateY(0%);transform: translateY(0%);}
}
@-webkit-keyframes a_mouse_h{
    0%{-webkit-transform: translateY(0%);transform: translateY(0%);}
    100%{-webkit-transform: translateY(-10%);transform: translateY(-10%);}
}
@-webkit-keyframes a_mouse_h{
    0%{-webkit-transform: translateY(0%);transform: translateY(0%);}
    100%{-webkit-transform: translateY(-10%);transform: translateY(-10%);}
}




/* 上传页面主要区域 */
.upload{width: 1200px;height: auto;margin: auto;}

.webuploader-container {position: relative;}
.webuploader-element-invisible {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px);}
.webuploader-pick {position: relative;display: inline-block;cursor: pointer;background: #00b7ee;padding: 10px 15px;color: #fff;text-align: center;border-radius: 3px;overflow: hidden;}
.webuploader-pick-hover {background: #00a2d4;}
.webuploader-pick-disable {opacity: 0.6;pointer-events:none;}

/* 上传分组选择 */
.unav{width: 1200px;height: auto;margin: 60px auto;}
.unav:after{width: 100%;height: 0;content: '';display: block;clear: both;}
.unav_group{width: 1200px;height: 65px;margin: auto;}
.unav_group ul{width: 1240px;}
.unav_group ul li{cursor: pointer;width: 400px;height: 65px;background: #f9fbfc;border: solid 1px #d4d3d3;border-radius: 5px;box-sizing: border-box;float: left;line-height: 65px;font-size: 28px;color: #22a1dc;text-align: center;font-weight: bold;}
.unav_group ul li:hover,
.unav_group ul li.is_current{background: #1ec5f7;border: none;color: #f9fbfc;}

.unav_class{width: 1200px;height: 33px;margin: auto;margin-bottom: 150px;padding: 22px 0;position: relative;}
.unav_class .icon_class{float: left;line-height: 33px;font-size: 20px;color: #5c5a5a;font-weight: bold;padding-left: 33px;background: url(../img/upload/class.png) left center no-repeat;}
.unav_class input{padding: 0 22px;width: 220px;height: 28px;font-size: 20px;color: #000;background: url(../img/upload/option.png) right center no-repeat;border-radius: 8px;border: solid 1px #dfdddd;}
.unav_class select{opacity: 0;cursor: pointer;width: 265px;height: 28px;line-height: 28px;overflow: hidden;margin: 3px 0;position: absolute;z-index: 3;left: 133px;top: 20px;font-size: 20px;color: #000;}
.unav_class select option{height: 28px;line-height: 28px;font-size: 20px;color: #000;}

.unav_checkbox{width: 455px;height: 80px;background: #f9fbfc;border: solid 1px #b9b7b8;border-radius: 5px;}
.unav_checkbox ul{padding: 20px;width: 480px;}
.unav_checkbox ul li{cursor: pointer;float: left;margin: 6px 30px;padding-left: 30px;background: url(../img/upload/checkbox.png) left center no-repeat;line-height: 22px;font-size: 20px;color: #595757;}
.unav_checkbox ul li.is_current{background-image: url(../img/upload/checkbox-h.png);}

.unav_checkbox.unchk2{width: 565px;margin-left: 400px;}
.unav_checkbox.unchk2 ul{width: 580px;}
.unav_checkbox.unchk2 ul li{margin: 6px 10px;}

.unav_checkbox.unchk3{width: 400px;float: right;}
.unav_checkbox.unchk3 ul li{margin: 6px 140px;}





/* 上传图片选择 */
.ulistbg{width: 1100px;height: 400px;margin: 60px auto;}

.upload_btn_webuploader{display: none;}

.ubtn{width: 520px;height: 120px;margin: 10px auto;position: relative;}
.ub_select,
.ub_upload{width: 110px;height: 40px;padding-top: 72px;line-height: 40px;cursor: pointer;font-size: 24px;color: #000;text-align: center;-webkit-animation: a_mouse .6s ease both;animation: a_mouse .6s ease both;}
.ub_select{float: left;background: url(../img/upload/select.png) top center no-repeat;}
.ub_upload{float: right;background: url(../img/upload/upload.png) top center no-repeat;}
.ub_select:hover,
.ub_upload:hover{opacity: 0.6;-webkit-animation: a_mouse_h .6s ease both;animation: a_mouse_h .6s ease both;}

.ulist{width: 1042px;height: 245px;padding: 10px 28px;margin: auto;margin-top: 10px;border: solid 2px #cfcfcf;border-radius: 30px;}
.ulist p{margin-bottom: 5px;height: 25px;line-height: 25px;font-size: 16px;color: #9fa0a0;text-align: center;}
.ulist li{width: 100px;height: 100px;float: left;margin: 2px;position: relative;}
.ulist li .img_thumbnail{width: 100%;height: 100%;position: absolute;z-index: 1;left: 0;top: 0;}
.ulist li .img_thumbnail img{width: 100%;display: block;}
.ulist li .img_error{display: none;width: 100%;height: 100%;line-height: 100px;position: absolute;z-index: 9;left: 0;top: 0;background: rgba(0,0,0,.6);font-size: 16px;color: #fff;font-weight: bolder;text-align: center;}
.ulist li .img_filename{width: 100%;height: 30px;line-height: 30px;position: absolute;z-index: 2;left: 0;bottom: 0;background: rgba(0,0,0,.6);font-size: 14px;color: #fff;font-weight: bolder;text-align: center;}
.ulist li .img_cancel{width: 30px;height: 30px;position: absolute;z-index: 2;right: 3px;top: 3px;cursor: pointer;background: url(../img/upload/x_alt.png) no-repeat;background-size: 100% 100%;}
.ulist li .img_success{display: none;width: 30px;height: 30px;position: absolute;z-index: 2;right: 3px;top: 3px;background: url(../img/upload/check_alt.png) no-repeat;background-size: 100% 100%;}
.ulist li .img_progress {display: none;width: 100%;height: 30px;line-height: 30px;position: absolute;z-index: 2;left: 0;top: 50%;margin-top: -15px;background: rgba(0,78,162,0.8);font-size: 14px;color: #fff;font-weight: bolder;text-align: center;}
.ulist li .img_progress.is_active{display: block;}

.ulistbg1{height: 600px;position: relative;}
.ulistbg1 .ubtn{width: 200px;height: 400px;position: absolute;right: 0;top: 100px;}
.ulistbg1 .ub_select,
.ulistbg1 .ub_upload{float: none;margin-bottom: 120px;}
.ulistbg1 .ulist{width: 750px;height: 545px;float: left;}
.ulistbg1 .ulist li{width: 750px;height: 500px;float: none;margin: auto;}


/* 上传信息填写 */
.uform{width: 1100px;height: auto;margin: auto;}
.uform:after{width: 100%;height: 0;content: ' ';display: block;clear: both;}
.uform .icon_name{background: url(../img/upload/name.png) left center no-repeat;}
.uform .icon_mobile{background: url(../img/upload/mobile.png) left center no-repeat;}
.uform .icon_title{background: url(../img/upload/title.png) left center no-repeat;}
.uform .icon_email{background: url(../img/upload/email.png) left center no-repeat;}
.uform .icon_desc{background: url(../img/upload/desc.png) left center no-repeat;}
.uform .icon_author{background: url(../img/upload/author.png) left center no-repeat;}
.uform .icon_camera{background: url(../img/upload/camera.png) left center no-repeat;}
.uform ul li .icon{-webkit-animation: a_mouse .6s ease both;animation: a_mouse .6s ease both;}
.uform ul li:hover .icon{-webkit-animation: a_mouse_h .6s ease both;animation: a_mouse_h .6s ease both;}
.uleft{width: 460px;height: auto;float: left;font-size: 0;}
.uleft li{width: 455px;height: 46px;margin-bottom: 50px;border: solid 2px #cfcfcf;border-radius: 10px;position: relative;}
.uleft li .icon{max-width: 80px;height: 46px;line-height: 46px;overflow: hidden;display: inline-block;float: left;padding-left: 38px;margin-left: 10px;font-size: 18px;color: #000;}
.uleft li input{width: 340px;height: 40px;line-height: 40px;overflow: hidden;display: inline-block;float: left;margin: 3px 0;font-size: 18px;color: #000;border: none;}
.uleft li.long .icon{max-width: 100px;}
.uleft li.long input{width: 310px;}
.uright{width: 600px;height: auto;float: right;font-size: 0;}
.uright li{width: 595px;height: 90px;margin-bottom: 33px;border: solid 2px #cfcfcf;border-radius: 20px;}
.uright li .icon{width: 40px;padding: 0 24px 0 46px;height: 40px;line-height: 20px;overflow: hidden;display: inline-block;float: left;margin: 25px 15px;border-right: solid 2px #cfcfcf;font-size: 18px;color: #000;}
.uright li.long .icon{width: 60px;padding: 0 4px 0 46px;}
.uright li textarea{width: 440px;height: 80px;line-height: 26px;overflow: auto;display: inline-block;float: left;margin: 5px 0;font-size: 18px;color: #000;border: none;}
.uright li.high{height: 250px;}
.uright li.high .icon{padding: 80px 24px 80px 46px;}
.uright li.high textarea{height: 240px;}




/*上传信息填写1*/
.uform1{width: 1100px;height: auto;margin: auto;}
.uform1:after{width: 100%;height: 0;content: ' ';display: block;clear: both;}
.uform1 .icon_name{background: url(../img/upload/name.png) left center no-repeat;}
.uform1 .icon_mobile{background: url(../img/upload/mobile.png) left center no-repeat;}
.uform1 .icon_title{background: url(../img/upload/title.png) left center no-repeat;}
.uform1 .icon_desc{background: url(../img/upload/desc.png) left center no-repeat;}
.uform1 ul li .icon{-webkit-animation: a_mouse .6s ease both;animation: a_mouse .6s ease both;}
.uform1 ul li:hover .icon{-webkit-animation: a_mouse_h .6s ease both;animation: a_mouse_h .6s ease both;}
.uform1 ul{width: 1200px;height: auto;margin: auto;font-size: 0;}
.uform1 ul li{width: 455px;height: 46px;float: left;margin: 0 50px;border: solid 2px #cfcfcf;border-radius: 10px;position: relative;}
.uform1 ul li .icon{max-width: 80px;height: 46px;line-height: 46px;overflow: hidden;display: inline-block;float: left;padding-left: 38px;margin-left: 10px;font-size: 18px;color: #000;}
.uform1 ul li input{width: 340px;height: 40px;line-height: 40px;overflow: hidden;display: inline-block;float: left;margin: 3px 0;font-size: 18px;color: #000;border: none;}
.uform1 ul li.long .icon{max-width: 100px;}
.uform1 ul li.long input{width: 310px;}

/*上传信息填写2*/
.uform2{width: 1100px;height: auto;margin: auto;}
.uform2:after{width: 100%;height: 0;content: ' ';display: block;clear: both;}
.uform2 .icon_name{background: url(../img/upload/name.png) left center no-repeat;}
.uform2 .icon_mobile{background: url(../img/upload/mobile.png) left center no-repeat;}
.uform2 .icon_title{background: url(../img/upload/title.png) left center no-repeat;}
.uform2 .icon_desc{background: url(../img/upload/desc.png) left center no-repeat;}
.uform2 ul li .icon{-webkit-animation: a_mouse .6s ease both;animation: a_mouse .6s ease both;}
.uform2 ul li:hover .icon{-webkit-animation: a_mouse_h .6s ease both;animation: a_mouse_h .6s ease both;}
.uform2 ul{width: 1200px;height: auto;margin: auto;font-size: 0;}
.uform2 ul li{width: 455px;height: 46px;float: left;margin: 0 50px;margin-bottom: 50px;border: solid 2px #cfcfcf;border-radius: 10px;position: relative;}
.uform2 ul li .icon{max-width: 80px;height: 46px;line-height: 46px;overflow: hidden;display: inline-block;float: left;padding-left: 38px;margin-left: 10px;font-size: 18px;color: #000;}
.uform2 ul li input{width: 340px;height: 40px;line-height: 40px;overflow: hidden;display: inline-block;float: left;margin: 3px 0;font-size: 18px;color: #000;border: none;}
.uform2 ul li.long .icon{max-width: 200px;}
.uform2 ul li.long input{width: 310px;}
.uform2 ul li.long .filename{width: 100%;height: 40px;position: absolute;top: 0;margin-top: -40px;line-height: 40px;font-size: 18px;color: #000;}




/* 内容提交区域 */
.urule{width: 680px;height: 33px;margin: 60px auto;}
.urule p{cursor: pointer;display: inline-block;line-height: 33px;font-size: 24px;color: #000;padding-left: 40px;background: url(../img/upload/check.png) left 2px no-repeat;}
.urule p.is_active{background-image: url(../img/upload/checked.png);}
.urule p a{font-size: 18px;color: #22a1dc;}
.urule p a:hover{font-weight: bolder;}

.usubmit{cursor: pointer;width: 80px;height: 33px;margin: auto;padding-top: 68px;line-height: 33px;font-size: 24px;color: #000;text-align: center;background: url(../img/upload/submit.png) center top no-repeat;}
.usubmit{-webkit-animation: a_mouse .6s ease both;animation: a_mouse .6s ease both;}
.usubmit:hover{-webkit-animation: a_mouse_h .6s ease both;animation: a_mouse_h .6s ease both;}

.uemail{width: 360px;height: 35px;line-height: 35px;margin: 30px auto;font-size: 18px;color: #000;padding-left: 56px;background: url(../img/upload/emailb.png) left center no-repeat;}

/* 特别说明区域 */
.utxtbg{width: 1200px;height: auto;padding-top: 40px;padding-bottom: 100px;margin: auto;}
.utxt{width: 1180px;height: 56px;padding: 8px;border-top: solid 2px #d5d5d5;border-bottom: solid 2px #d5d5d5;}
.utxt p{line-height: 28px;font-size: 15px;}
.utxt p a{color: #0627cd;}
.utxt p a:hover{box-shadow: 0 1px;}
.utxt p.utleft{width: 690px;height: 56px;padding-right: 20px;border-right: solid 2px #d5d5d5;color: #d71921;float: left;}
.utxt p.utright{width: 440px;height: 56px;color: #3e3a39;float: right;}




/* 底部网站信息 */
.footerbg{width: 100%;height: 240px;margin: auto;background: #2d2e2e url(../img/fbg.jpg) top center repeat-x;}
.footer{width: 1200px;height: auto;padding-top: 80px;margin: auto;}
.footer p{line-height: 28px;font-size: 15px;color: #fff;text-align: center;}
.footer a{color: #fff;}
.footer a:hover{text-decoration: underline;}




@media only screen and (max-width: 1950px){
    /* 底部网站信息 */
    .footerbg{height: 200px;background-size: 1920px;}
    .footer{padding-top: 50px;}
    .footer p{font-size: 14px;}
}


@media only screen and (max-width: 1400px){
    /* 底部网站信息 */
    .footerbg{height: 160px;background-size: 1400px;}
    .footer{padding-top: 30px;}
    .footer p{font-size: 13px;}
}