html{ background: #ffffff; font-size:calc(100vw/1920) !important; height: 100%;}
*,body{ margin:0; padding:0; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;}
* { box-sizing: border-box;}
body{ color:#000000; line-height:1.7; font-size:20rem;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; color:#333333; font-size: 18rem;}
:focus{outline:0;}
a{color:#000000;text-decoration:none; }
a:hover{color:#ff6600;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none ; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1rem;}
.clear { display: block; clear: both;}
::-webkit-input-placeholder { color:#aaaaaa; }
:-moz-placeholder { color:#aaaaaa; }
::-moz-placeholder { color:#aaaaaa; }
:-ms-input-placeholder { color:#aaaaaa; }
body { background: #ffffff;}

.clearfix:after { display: block; content: ''; clear: both; }

.wrap { }

.mainbox { position: relative; width: 1200rem; margin: 0 auto; z-index: 2;}

.header { background: url(../img/bg1.jpg) center bottom no-repeat; background-size: cover; color: #fff; overflow: hidden; }
.header .mainbox { height: 1000rem; }
.header .mainbox img { display: block; width: 100%;}
.header .mainbox div { position: absolute;}
.header .logo { left: 0; top: 72rem; width: 128rem;}
.header .wen { right: -148rem; top: 162rem; width: 646rem;}
.header .title { left: -118rem; top: 332rem; width: 880rem;}
.header .tit { left: 0; top: 574rem; right: 0; font-size: 46rem; line-height: 1; letter-spacing: 6rem; font-weight: bold; text-shadow: 0 4rem 0 rgba(14,69,141,0.7);}
.header .con { left: 0; top: 684rem; right: 0; font-size: 26rem; line-height: 50rem; letter-spacing: 4rem;}
.header .con i { display: inline-block; width: 3.9em;}

.imain { position: relative; overflow: hidden;}
.imain1 { padding: 114rem 0 90rem 0; background: url(../img/bg2.jpg) center top no-repeat; background-size: cover;}
.imain2 { padding: 94rem 0 148rem 0; background: url(../img/bg3.jpg) center top no-repeat; background-size: cover;}
.imain3 { padding: 114rem 0 166rem 0; background: url(../img/bg4.jpg) center top no-repeat; background-size: cover;}
.imain4 { padding: 94rem 0 100rem 0; background: url(../img/bg5.jpg) center top no-repeat; background-size: cover;}
.imain5 { padding: 94rem 0 160rem 0; background: url(../img/bg6.jpg) center top no-repeat; background-size: cover;}

.ititle { margin-bottom: 94rem;}
.ititle img { display: block; margin: 0 auto; height: 69rem;}


.ys { position: absolute; z-index: 1; }
.ys img { display: block; }
.ys1 { left: 30rem; bottom: 46rem;}
.ys2 { right: 0; bottom: 46rem;}
.ys3 { left: 0; right: 0; bottom: 30rem;}
.ys4 { right: 0; bottom: 94rem;}
.ys5 { left: 0; bottom: 38rem;}
.ys6 { left: 32rem; bottom: 164rem;}
.ys7 { right: 0; bottom: 106rem;}
.ys1 img{ width: 372rem;}
.ys2 img{ width: 333rem;}
.ys3 img{ height: 208rem; margin: 0 auto;}
.ys4 img{ width: 488rem;}
.ys5 img{ width: 698rem;}
.ys6 img{ width: 392rem;}
.ys7 img{ width: 413rem;}


.info_box { margin: 0 -15rem;}
.info_box .item { float: left; width: 50%; margin-bottom: 30rem;}
.info_box .item_m { margin: 0 15rem; border-radius: 10rem; color: #fff; padding: 50rem 46rem 0 46rem; height: 300rem; position: relative;}
.info_box .item_m .tit { margin-bottom: 28rem;}
.info_box .item_m .tit img{ display: block; margin: 0 auto; height: 50rem;}
.info_box .item_m .con { font-size: 24rem; line-height: 38rem; text-align: center;}
.info_box .item_m .btn { display: block; cursor: pointer; margin: 0 auto; margin-top: 26rem; width: 207rem; height: 65rem; line-height: 60rem; text-align: center; color: #fff; background: url(../img/btn.png) center top no-repeat; background-size: contain; font-size: 30rem; letter-spacing: 2rem; font-weight: bold; text-shadow: 0 2rem 2rem rgba(197,128,0,0.36);}
.info_box .item_m .btn:hover { transform: translateY(-4rem);}
.info_box .item_m .erwei { position: absolute; right: 20rem; bottom: 20rem;}
.info_box .item_m .erwei img { display: block; width: 102rem;}

.info_box .item_1 .item_m { background: url(../img/mbg1.jpg) right bottom no-repeat; background-size: cover;}
.info_box .item_2 .item_m { background: url(../img/mbg2.jpg) right bottom no-repeat; background-size: cover;}
.info_box .item_3 .item_m { background: url(../img/mbg3.jpg) right bottom no-repeat; background-size: cover;}
.info_box .item_4 .item_m { background: url(../img/mbg4.jpg) right bottom no-repeat; background-size: cover;}

.info_box .item_3 .item_m .con { text-align: left;}

.itab_t { border-radius: 20rem 20rem 0 0; background: #fff; height: 90rem;}
.itab_t ul li { float: left; height: 90rem; padding-top: 27rem; width: 230rem; border-radius: 20rem 20rem 0 0; background: #fff; transition:all 300ms ease; cursor: pointer; position: relative;}
.itab_t ul li.on { width: 290rem; height: 105rem; margin-top: -15rem; padding-top: 40rem; background: #13b3e9;}

.itab_t ul li i { display: block; margin: 0 auto; height: 35rem; width: 144rem;}

.itab_t1 ul li i { background: url(../img/itab1.png) no-repeat; background-size: 582rem auto;}
.itab_t1 ul li i.t1 { background-position: 2rem 0;}
.itab_t1 ul li i.t2 { background-position: -218rem 0;}
.itab_t1 ul li i.t3 { background-position: -440rem 0;}

.itab_t1 ul li.on i.t1 { background-position: 2rem -70rem;}
.itab_t1 ul li.on i.t2 { background-position: -218rem -70rem;}
.itab_t1 ul li.on i.t3 { background-position: -440rem -70rem;}

.itab_t ul li:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 1rem; height: 50rem; background: #14b3e9; margin-top: -25rem;}
.itab_t ul li:first-child:before { display: none; }

.itab_t ul li.on + li:before { display: none;}


.itab_t2 ul li i { background: url(../img/itab2.png) no-repeat; background-size: 397rem auto;}
.itab_t2 ul li i.t1 { background-position: 18rem 0;}
.itab_t2 ul li i.t2 { background-position: -254rem 0;}

.itab_t2 ul li.on i.t1 { background-position: 18rem -70rem;}
.itab_t2 ul li.on i.t2 { background-position: -254rem -70rem;}


.itab_m { display: none;}

.require_box { border-radius: 0 0 20rem 20rem; background: rgba(255, 255, 255, 0.85); font-size: 24rem; line-height: 2;}
.require_box .itab_m { padding: 50rem 70rem;}

.award_box {}
.award_box .item { float: left; width: 33.33%;}
.award_box .item_m { background: linear-gradient(to right,#3276d6,#13b3e9); padding: 32rem 0; text-align: center; color: #fff;}
.award_box .item_m .t { font-size: 24rem; line-height: 52rem; font-weight: bold;}
.award_box .item_m .m { font-size: 40rem; line-height: 66rem; font-weight: bold; letter-spacing: 2rem;}
.award_box .item_m .f { font-size: 20rem; line-height: 48rem; font-weight: bold;}

.award_box .item:nth-child(4) .item_m { background: linear-gradient(to right,#13b3e9,#3276d6);}
.award_box .item:nth-child(5) .item_m { background: linear-gradient(to right,#13b3e9,#3276d6);}
.award_box .item:nth-child(6) .item_m { background: linear-gradient(to right,#13b3e9,#3276d6);}


.filter-box { padding: 0 0 50rem 0;}
.filter-box .item { position: relative; padding-left: 80rem; margin-bottom: 10rem;}
.filter-box .item .tit { position: absolute; left: 0; top: 0; line-height: 46rem; font-size: 26rem; color: #ffffff;}
.filter-box .item .con { margin-right: -20rem;}
.filter-box .item .con ul li { float: left; margin-bottom: 20rem; cursor: pointer; padding: 0 20rem; height: 46rem; line-height: 46rem; font-size: 20rem; color: #074ea7; background: #fff; border-radius: 23rem; margin-right: 20rem;}
.filter-box .item .con ul li.on { background: linear-gradient(to right,#13b3e9,#3276d6); color: #fff; box-shadow: 1rem 1rem 0 rgba(255,255,255,0.5); font-weight: bold; text-shadow: 1rem 1rem 0 rgba(0,0,0,0.3);}


.zlist { margin: 0 -10rem; overflow-y: auto; max-height: 472rem;}
.zlist .item{ float: left; width: 25%; margin-bottom: 20rem;}
.zlist .item_m { display: block; cursor: pointer; margin: 0 10rem; background: #fff; border-radius: 10rem; overflow: hidden; }
.zlist .item_m .img { position: relative; overflow: hidden;}
.zlist .item_m .img img { display: block; width: 100%; height: 160rem; object-fit: cover; position: relative; z-index: 1; transition:all 300ms ease;}
.zlist .item_m .img span { position: absolute; right: 0; top: 0; border-radius: 6rem 20rem 6rem 20rem; padding: 10rem 20rem; color: #fff; background: #ff6900; font-size: 20rem; line-height: 1; z-index: 2;}
.zlist .item_m .con { padding: 10rem 80rem 10rem 10rem; position: relative;}
.zlist .item_m .con .t { height: 36rem; line-height: 36rem; font-size: 18rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.zlist .item_m .con .more { position: absolute; right: 12rem; top: 50%; border: 1rem #9ccaff solid; background: #daebff; color: #3d94f9; font-size: 16rem; line-height: 26rem; width: 62rem; border-radius: 4rem; text-align: center; margin-top: -14rem;}
.zlist .item_m .con .more:hover { border-color: #3d94f9; background: #3d94f9; color: #fff;}
.zlist .item_m:hover .img img { transform: scale(1.1);}

.noone { text-align: center; color: #fff;}

.tjbox { margin-bottom: 42rem; position: relative; padding-left: 106rem;}
.tjtit { position: absolute; left: 0; top: 0; background: url(../img/st1.jpg) center bottom no-repeat; background-size: cover; width: 106rem; height: 265rem; border-radius: 10rem 0 0 10rem; font-size: 32rem; letter-spacing: 2rem; color: #fff; font-weight: bold;
writing-mode: vertical-rl;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.tjboxr { background: url(../img/listbg.png) right center no-repeat; background-size: 100% 100%; height: 265rem; padding: 0 74rem 0 9rem; position: relative;}
.tjlist { height: 245rem; padding: 52rem 0 0 0; overflow: hidden;}
.tjmore { position: absolute; right: 0; top: 0; padding: 80rem 24rem 0 24rem; width: 78rem; text-align: center; font-size: 24rem; line-height: 1.5; color: #666666; cursor: pointer;}
.tjmore:after { display: block; content: ''; margin: 5rem auto 0 auto; background: url(../img/more.png) center center no-repeat; background-size: cover; width: 25rem; height: 25rem;}
.tjmore:hover { color: #074ea7;}

.tjbox1 .tjtit { font-size: 23rem;}
.tjbox5 .tjtit { font-size: 25rem;}

.tjbox2 .tjtit { background: url(../img/st2.jpg) center bottom no-repeat; background-size: cover;}
.tjbox3 .tjtit { background: url(../img/st3.jpg) center bottom no-repeat; background-size: cover;}
.tjbox4 .tjtit { background: url(../img/st4.jpg) center bottom no-repeat; background-size: cover;}
.tjbox5 .tjtit { background: url(../img/st5.jpg) center bottom no-repeat; background-size: cover;}


.tjlist .swiper-slide { width: 252rem;}
.tjlist .item{ }
.tjlist .item_m { display: block; cursor: pointer; margin: 0 8rem; background: #fff; overflow: hidden; position: relative; }
.tjlist .item_m .img { position: relative; overflow: hidden; z-index: 1;}
.tjlist .item_m .img img { display: block; width: 100%; height: 160rem; object-fit: cover; position: relative; z-index: 1; transition:all 300ms ease;}
.tjlist .item_m .tit { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.55); color: #fff; text-align: center; height: 36rem; line-height: 36rem; font-size: 16rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2;}
.tjlist .item_m:hover .img img { transform: scale(1.1);}

.tjboxr .swiper-scrollbar { position: absolute; right: 74rem; left: 9rem; bottom: 3rem; height: 6rem; border-radius: 3rem; background: rgba(0, 0, 0, 0.03);}
.tjboxr .swiper-scrollbar .swiper-scrollbar-drag {background: rgba(37, 162, 226, 0.4);}


.footer { text-align: center; padding: 40rem 0; font-size: 20rem; line-height: 2; background: linear-gradient(#0663b8,#3076d5); color: #fff;}


.viewiframe { display: block; width: 100%; height: 696rem; border: 0; }

.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 900; display: none;}
.tt_box { position: absolute; left: 50%; width: 1500rem; margin-left: -750rem; top: 50%; transform: translateY(-50%); z-index: 902;}
.tt_box_tip { background: rgba(255, 255, 255, 1); border-radius: 20rem;}
.tt_box_t { background: url(../img/ttbg.png) center center no-repeat; background-size: cover; color: #fff; padding: 0 40rem; height: 90rem; line-height: 90rem; font-size: 30rem; overflow: hidden;}
.tt_box_m { background: #fff;}

.more_ttmain .tt_box { width: 1350rem; margin-left: -675rem;}

.tt_clo { position: absolute; right: 0; top: 0; width: 90rem; height: 90rem; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAMAAAAocOYLAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMA9D4KBrq0IDz63/BN6+fgRPbaV0lHNi4oHZh3aGMyxsCvpKGXg21exudgIQAAAMlJREFUKM9109kawTAUReGdmlqC6kTRmsn7PyGRzyZyksv86yIjcMkKDXE0txrQxpiskjhXxpTYGxvUIVerF5zQKhuo/J91Zue3QOKCxOfyzcsWDFKBJwCDWfPlB/k36D/ckb1gvoYdbktm6jgM7uQgWGyAHVkKJiH7iyTLQcBBEGUMDs7zCI8sul3EmYHMRx6UyONh4oI+wt5tSswgjTCQ8kWJzCCXmcGqDtkPtMwMMo0zWQqmUGQpUCjIQTCz/ycp1FVkoO0qPAH13Sz20xSzAQAAAABJRU5ErkJggg==') center center no-repeat; background-size: 30rem auto; cursor: pointer; opacity: 1; z-index: 903;}
.tt_clo:hover { opacity: 0.8; background-color: rgba(0, 0, 0, 0.1);}

.tt_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 901; }

.view_ttmain { z-index: 910;}
.view_ttmain .tt_clo { z-index: 913;}
.view_ttmain .tt_box { z-index: 912;}
.view_ttmain .tt_bg { z-index: 911;}


.morelist { padding: 40rem 0 20rem 32rem; height: 705rem; overflow-y: auto; margin-right: 30rem;}
.morelist .item { float: left; width: 252rem; margin-bottom: 20rem;}
.morelist .item_m { display: block; cursor: pointer; margin: 0 8rem; background: #fff; overflow: hidden; position: relative; }
.morelist .item_m .img { position: relative; overflow: hidden; z-index: 1;}
.morelist .item_m .img img { display: block; width: 100%; height: 152rem; object-fit: cover; position: relative; z-index: 1; transition:all 300ms ease;}
.morelist .item_m .tit { text-align: center; height: 46rem; line-height: 46rem; font-size: 16rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 2;}
.morelist .item_m:hover .img img { transform: scale(1.1);}

.morelist::-webkit-scrollbar-thumb{ background-color: #0764b9; }

.etip { position: fixed; left: 50%; top: 50%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.7); color: #fff; padding: 10rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 10rem; z-index: 9999991;}

::-webkit-scrollbar-corner { background-color: rgba(255,255,255,0.2);}
::-webkit-scrollbar{width: 10rem; height:10rem; border-radius:5rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color: #fab600; border-radius:5rem; }

@media (min-width:2200px){
	html { font-size:1px !important; }
}

@media (max-width:900px){
html{ font-size: calc(100vw/640) !important; }
body { font-size: 18rem;}

.mainbox { width: 600rem; }

.header .mainbox { height: 900rem; }
.header .logo { left: 0; top: 32rem; width: 150rem;}
.header .wen { right: -70rem; top: 20rem; width: 360rem;}
.header .title { left: 0; top: 260rem; width: 480rem;}
.header .tit { top: 494rem; font-size: 38rem; letter-spacing: 2rem; }
.header .con { top: 590rem; font-size: 24rem; line-height: 50rem; letter-spacing: 1rem;}
.header .con i { display: inline-block; width: 3.4em;}


.ititle { margin-bottom: 74rem;}
.ititle img { height: 52rem;}


.ys { position: absolute; z-index: 1; }
.ys img { display: block; }
.ys1 { left: -30rem; bottom: auto; top: 10rem;}
.ys2 { right: -30rem; bottom: 0;}
.ys3 { left: 0; right: 0; bottom: 30rem;}
.ys4 { right: -30rem; bottom: 0;}
.ys5 { left: -30rem; bottom: 0;}
.ys6 { left: -30rem; bottom: auto; top: 0;}
.ys7 { right: -30rem; bottom: 0;}
.ys1 img{ width: 200rem;}
.ys2 img{ width: 180rem;}
.ys3 img{ height: 208rem;}
.ys4 img{ width: 288rem;}
.ys5 img{ width: 398rem;}
.ys6 img{ width: 292rem;}
.ys7 img{ width: 313rem;}


.info_box { margin: 0;}
.info_box .item { float: none; width: auto; margin-bottom: 30rem;}
.info_box .item_m { margin: 0; border-radius: 10rem; color: #fff; padding: 50rem 46rem 0 46rem; height: 300rem; position: relative;}


.itab_t { }
.itab_t ul li { width: 190rem; }
.itab_t ul li.on { width: 220rem; }

.require_box .itab_m { padding: 40rem 30rem;}

.award_box .item { float: left; width: 50%;}
.award_box .item_m .m { font-size: 32rem; line-height: 58rem; letter-spacing: 1rem;}

.award_box .item:nth-child(3) .item_m { background: linear-gradient(to right,#13b3e9,#3276d6);}
.award_box .item:nth-child(4) .item_m { background: linear-gradient(to right,#13b3e9,#3276d6);}
.award_box .item:nth-child(5) .item_m { background: linear-gradient(to right,#3276d6,#13b3e9);}
.award_box .item:nth-child(6) .item_m { background: linear-gradient(to right,#3276d6,#13b3e9);}


.filter-box { margin-right: -10rem;}
.filter-box .item .con ul li { font-size: 22rem; margin-right: 12rem; }


.zlist { margin: 0 -10rem; max-height: none;}
.zlist .item{ width: 50%; }


.tjbox { padding-left: 0;}
.tjtit { position: relative; left: auto; top: auto; width: auto; height: 66rem; border-radius: 10rem 10rem 0 0; font-size: 32rem; letter-spacing: 2rem; writing-mode: unset; }
.tjboxr { background-size: cover; }

.tjbox1 .tjtit { font-size: 32rem;}
.tjbox5 .tjtit { font-size: 32rem;}


.viewiframe { height: calc( 100vh - 160rem ); }

.tt_box { width: 600rem; margin-left: -300rem; }
.tt_box_t { padding: 0 70rem 0 20rem; font-size: 28rem; }
.tt_box_m { background: #fff;}

.more_ttmain .tt_box { width: 600rem; margin-left: -300rem;}

.morelist { padding: 40rem 20rem; height: calc( 100vh - 160rem ); overflow-y: auto; margin-right: 0;}
.morelist .item { width: 50%; }
.morelist .item_m .tit { font-size: 20rem; }

}



.add_main { padding: 40rem 0 70rem 0; background: url(../img/bg6.jpg) center top no-repeat; background-size: cover;}
.addtitle { background: url(../img/mtitle.png) center center no-repeat; background-size: cover; padding: 0 30rem; line-height: 60rem; font-size: 28rem; color: #fff;}
.addform { background: #fff; padding: 24rem 30rem 74rem 30rem;}
.addform .item { margin-bottom: 18rem; position: relative; padding-left: 102rem; font-size: 18rem; color: #333333;}
.addform .item_full { padding-left: 0;}
.addform .item_t { position: absolute; left: 0; top: 0; line-height: 42rem;}
.addform .item_t i { font-style: normal; color: #ff0000;}
.addform .item_m { line-height: 42rem; position: relative;}
.addform .item_tip { font-size: 14rem; color: #666;}
.addform .item_tip b{ color: #ff6600;}
.addform .btnbox { padding-top: 30rem;}

.char-count { position: absolute; right: 20rem; bottom: 20rem; font-size: 14rem; line-height: 1; color: #999;}

.mbtn { display: block; border: 0; cursor: pointer; margin: 0 auto; width: 182rem; height: 64rem; line-height: 64rem; text-align: center; color: #fff; background: url(../img/btn2.png) center bottom no-repeat; background-size: contain; font-size: 26rem; font-weight: bold; text-shadow: 0 2rem 2rem rgba(197,128,0,0.36); transition:all 300ms ease;}
.mbtn:hover { transform: translateY(-4rem);}


.addform .input { display: block; width: 100%; box-sizing: border-box; border-radius: 6rem; border: 1rem #dedede solid; text-indent: 18rem; line-height: 40rem; height: 42rem; font-size: 18rem; }
.addform .select { display: block; width: 100%; box-sizing: border-box; border-radius: 6rem; background: url(../img/select.png) right center no-repeat; background-size: 40rem auto; border: 1rem #dedede solid; padding: 0 18rem; line-height: 40rem; height: 42rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-size: 18rem;}
.addform .textarea { display: block; width: 100%; box-sizing: border-box; border-radius: 6rem; border: 1rem #dedede solid; padding: 5rem 18rem; line-height: 30rem; height: 160rem; font-size: 18rem; }

/*
.addform .error { border-color: #ff0000;}
*/

.addform .error-message { position: absolute; right: 0; top: 0; font-size: 12rem; line-height: 20rem; padding: 0 10rem; font-style: italic; color: #ff0000;}

.msg_box { font-size: 24rem; padding: 50rem 20rem; background: #fff; text-align: center;}

.upmain { padding-bottom: 1rem;}
.upbox { float: left; margin-bottom: 14rem; position: relative;}
.upbtn { display: block;}
.faupload { display: block; cursor: pointer; border-radius: 10rem; background: #fff; border: 1rem #dedede solid; width: 102rem; height: 102rem; line-height: 30rem; font-size: 16rem;}
.faupload i { display: block; margin:0 auto 0 auto; width: 30rem; height: 30rem; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAABlBMVEUAAACmpqa/eoWvAAAAAXRSTlMAQObYZgAAABdJREFUCNdjYGBmYKCc+P///x8wQR3zAG1pCEcyi5D5AAAAAElFTkSuQmCC') center center no-repeat; background-size: 30rem auto; }


.uplist { float: left;}
.uplist:after { display: block; content: ''; clear: both;}
.uplist li { float: left; border-radius: 10rem; background: #fff; border: 1rem #dedede solid; margin-right: 14rem; margin-bottom: 14rem; position: relative; overflow: hidden;}
.uplist li .t { position: relative; z-index: 9;}
.uplist li img { display: block; width: 100rem; height: 100rem; object-fit: contain;}
.uplist li video { display: block; width: 100rem; height: 100rem; object-fit: contain; position: relative; z-index: 9;}
.uplist li .btn-trash { position: absolute; right: 0; top: 0; background: url(../img/del.png) center center no-repeat rgba(255,255,255,0.5); background-size: 18rem auto; width: 30rem; height: 30rem; cursor: pointer; z-index: 10;}
.uplist li .btn-trash:hover { opacity: 0.8;}

.upmain:after { display: block; content: ''; clear: both;}

.image_field { display: none;}
.video_field { display: none;}


@media (max-width:900px){
input,button,textarea,select,optgroup,option{ font-size: 22rem;}
.addtitle { line-height: 70rem; }
.addform .item { margin-bottom: 20rem; padding-left: 126rem; font-size: 22rem; }
.addform .item_t { line-height: 62rem;}
.addform .item_m { line-height: 62rem; }
.addform .item_tip { font-size: 19rem; }

.char-count { font-size: 16rem; }

.addform .input { line-height: 60rem; height: 62rem; font-size: 22rem; }
.addform .select { line-height: 60rem; height: 62rem; font-size: 22rem;}
.addform .textarea { padding: 10rem 18rem; line-height: 40rem; height: 220rem; font-size: 22rem; }


.addform .error-message { font-size: 14rem; }


.faupload { width: 152rem; height: 152rem; }

.uplist li img { width: 150rem; height: 150rem; }
.uplist li video { width: 150rem; height: 150rem; }
}