@charset "utf-8";
/**初始**/
div,span{font-family:"微软雅黑";}
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font-family:"Microsoft YaHei";-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 625%;}
body {padding: 0;margin: 0 auto;font-size: .14rem;color: #666;background:#fff;font-family: "Microsoft YaHei";
-webkit-text-size-adjust: none;
/*取出点击出现半通明的灰色布景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*节造内容的可选择性*/
-webkit-user-select: none; 
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: .14rem;}
select, input, textarea {font-size: .14rem;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #47a0ec;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	font-family: "Microsoft YaHei";
	text-align:justify;
	text-justify:inter-ideograph;
	}
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.nM{ margin:0;}
.nP{ padding:0;}
*::-webkit-input-placeholder{ color: #999;}    /* 使用webkit内核的浏览器 */
*:-moz-placeholder{ color: #999;}                  /* Firefox版本4-18 */
*::-moz-placeholder{ color: #999;}                  /* Firefox版本19+ */
*:-ms-input-placeholder{ color: #999;}           /* IE浏览器 */
/*页面框架结构*/
.auto{ margin: 0 auto; width: 100%;clear: both; }
@media(min-width:1231px){
	.auto{ max-width: 1200px;}
}
@media(max-width:1200px){
	.auto{ padding-left: 5%; padding-right: 5%; max-width: 1200px;}
}
@media(max-width:1024px){
	.auto{ padding-left: 3%; padding-right: 3%;}
}
@media(max-width:767px){
	.auto{ padding-left: .15rem; padding-right: .15rem;}
}
.w1000 {margin-left: auto; margin-right: auto; width: 1000px;}
@media (max-width: 1010px) {
	.w1000 { margin-left: 0; margin-right: 0; width: 100%; padding:0 10px; box-sizing: border-box; }
}

.w1200 {margin-left: auto; margin-right: auto; width: 1200px;}
@media (max-width: 1210px) {
	.w1200 { margin-left: 0; margin-right: 0; width: 100%; padding:0 10px; box-sizing: border-box; }
}

.w1920 { width: 1920px;margin-left: auto; margin-right: auto; position: relative; overflow: hidden; }
@media (max-width: 1920px) {
	.w1920 { margin-left: 0; margin-right: 0; width: 100%; }
}


.transform_img,.workslist li .pic:hover .Ispic,.authorlist li .inner:hover .Ispic,.matchbox .list li .inner:hover .Ispic{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.workslist li .pic .Ispic,.authorlist li .inner .Ispic,.matchbox .list li .Ispic{
  -webkit-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  
}
.workslist li .author .img,.morebtn a,.authorlist li .inner,.authorlist li .inner .tit,.matchbox .topbox .word .btn a,.matchbox .stit a{
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.popup{ position: fixed; top: 0; left: 0; z-index: 999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none;font-size: 0;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 .27rem .29rem rgba(0,0,0,0.11); background: #fff; max-width:800px; width: 90%; /* height: 4.5rem; */ margin:auto; padding: .24rem; position: relative;}
.popup .closed{ position: absolute;top: .12rem; right: .15rem; cursor: pointer;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: .22rem; color: #999; line-height: .22rem; }
.popup .form{padding: 8% 3%; max-width: 540px; margin: 0 auto;}
.popup .form dl{position: relative;margin:0 0 .2rem 0;}
.popup .form dl dt{font-size: .16rem; color: #666; position: absolute; top: 0; left: 0; line-height: .44rem;}
.popup .form dl dd{padding-left: 1.2rem;}
.popup .form dl .text{ border: 1px solid #dedede; padding:.1rem .15rem; width: 100%; font-size: .16rem;}
.popup .form dl .file-filestyle{ position: relative;}
.popup .form dl .file-filestyle .text{padding-right: 1rem; background: #fff;}
.popup .form dl .file-filestyle .filebtn{position: absolute; right: 1px; top: 1px; height: .41rem; line-height: .41rem; text-align: center; background: #f9f9f9; font-size: .16rem; color: #666; width: .8rem; border-left: 1px solid #dedede;}
.popup .form .btns{ text-align: center; padding-top: .12rem;padding-left: 1.20rem;}
.popup .form .btn{ display:block; width: 100%; height: .45rem; line-height: .45rem; color: #fff; background: #2496da; border-radius: 0; font-size: .16rem; cursor: pointer; border: none; text-align: center;}

/* 登录注册批改密码 */
.memberpopup .popup-container{ max-width: 400px;text-align: left; padding-left: 0; padding-right: 0; padding-bottom: 0;}
.memberpopup .ptit{margin: 0; font-size: .3rem; color: #333; padding-left: .24rem; }
.memberpopup .ptit span{position: relative;}
.memberpopup .ptit span i{font-style: normal; position: relative;z-index: 2;}
.memberpopup .ptit span:after{ content: ""; position: absolute; z-index: 0; bottom: .03rem; left: 0; width: 100%; height: .12rem; background: #c1d748;}
.memberpopup .closed{ top: .335rem; right: .24rem;}
.memberpopup .closed:before{font-size: .3rem;}
 .inputbox{padding: .1rem 0; border-bottom: 1px solid #eee; margin-bottom: .1rem;}
 .inputbox .input_inner{position: relative;}
 .inputbox .text{ border: none; background: none; box-shadow: none; font-size: .16rem; color: #333; line-height: .25rem;}
 .inputbox.imgcode .text{padding-right: 1.5rem;}
 .inputbox .codebtn{position: absolute; right: 0;  top: 0; border: 1px solid #eee;}
 .inputbox .phonecodebtn{border: none;display: block; color: #2496da; font-size: .16rem; width: 1.2rem; text-align: center; border-left: 1px solid #eee; top: 50%; margin-top: -.1rem;}
.memberpopup .form{padding: 0.24rem .24rem 0;}
.memberpopup .form .btns{padding: 10% 0 5%;}
.memberpopup .checktip{ color: #666; font-size: .16rem; margin-bottom: 5%;}
.memberpopup .checktip .checkbox{font-size: .2rem; margin: 0 .05rem 0 0;}
.memberpopup .checktip a{color: #2496da;}
.memberpopup .checktip a:hover{text-decoration: underline;}
.memberpopup .weixinbtn{float: right; background: url(/cn/images/weixin.png) no-repeat left center; background-size: .24rem .2rem; font-size: .14rem; color: #999; padding: .01rem 0 .01rem .3rem;}
.memberpopup .weixinbtn:hover{ color: #333;}
.memberpopup .bot{ background: #eee; padding:.24rem; font-size: .16rem; color: #666;}
.memberpopup .bot a{ color: #2496da;}
.memberpopup .fpbtn{float: right;}
.memberpopup .weixinbox{max-width: 3rem; margin: .24rem auto; text-align: center;}
.memberpopup .weixinbox .img{border: 1px solid #eee; padding: .15rem;display: block;}
.memberpopup .weixinbox .tit{line-height: 1.45; font-size: .16rem; color: #666; padding-top: .1rem; display: block;}
.information .weixinbox{ max-width: none;}
.information .weixinbox .tit{ font-size: .18rem;}
.information .bot{ text-align: center;}
.information .bot a{text-decoration: underline;display: inline-block;width: 1.2rem;line-height: .4rem;text-align: center;background: #2496da;color: #fff;border-radius: 5px;}

.forpassword{ background: #f8f8f8; padding: 8% 0;}
.forpassword-inner{position: relative; background: url(/cn/images/forpassword_img.jpg) no-repeat left center #fff; padding:.2rem .2rem .2rem 3rem; min-height: 6.5rem; background-size: 2.8rem 6.5rem;}
.forpassword .htit{text-align: center; font-size: .3rem; color: #2496da; margin: 0 0 .24rem 0; padding: .24rem 0; border-bottom: 1px solid #eee;}
.forpassword .process{text-align: center;padding: .3rem 0;}
.forpassword .process li{position: relative; display: inline-block; font-size: .14rem; color: #999;padding-right: 1.04rem;}
.forpassword .process li .dian{position: relative; width: .18rem; height: .18rem; border: 1px solid #eee; border-radius: 100%; display: block; margin: .1rem auto 0;}
.forpassword .process li .dian:after{content: ""; position: absolute; top: .05rem; left: .05rem; width: .06rem; height: .06rem; background: #eee; border-radius: 100%;}
.forpassword .process li .xian{width: 1.625rem; height: 1px; background: #eee; position: absolute; left:.44rem; bottom: .09rem;}
.forpassword .process li:last-of-type{padding-right: 0;}
.forpassword .process li:nth-child(2) .xian{width: 1.525rem;}
.forpassword .process li.on{color: #2496da;}
.forpassword .process li.on .dian{ border-color: #2496da;}
.forpassword .process li.on .dian:after{background: #2496da;}
.forpassword .form{ max-width: 400px; margin: 0 auto;}
.forpassword .form .btns{padding-top: .3rem;}
.forpassword .form .btns a{ background: #2496da; text-align: center; color: #fff; font-size: .16rem;display: block; line-height: .45rem;}
.forpassword .form .inputbox{padding-top: .24rem;}
.forpassword .form .btns{ text-align: center; padding-top: .24rem;}
.forpassword .form .btn{ display:block; width: 100%; height: .45rem; line-height: .45rem; color: #fff; background: #2496da; border-radius: 0; font-size: .16rem; cursor: pointer; border: none; text-align: center;}
.forend{text-align: center;padding: .3rem 0;}
.forend img{width: 1.3rem; height: 1.3rem;}
.forend span{display: block;color: #333; font-weight: bold; font-size: .24rem; padding-top: .24rem;}
.yhxy .btns{text-align: center; padding-top: 5%;}
.yhxy .btns a{display: inline-block; background: #2496da; padding: .15rem .35rem; color: #fff; font-size: .16rem;}
@media (max-width:767px) {
	.forpassword .process li .dian:after{top: .04rem;}
	.forpassword .process li .xian{left: .55rem;bottom: .08rem;width: 1.8rem;}
	.forpassword .process li:nth-child(2) .xian{width: 1.7rem;}
}
@media (max-width:640px) {
	.forpassword-inner{padding: .2rem; background-image: none;}
}
@media (max-width:488px) {
	.forpassword .process li{padding-right: .65rem;}
	.forpassword .process li .dian:after{top: .04rem; left: .04rem;}
	.forpassword .process li .xian{left: .67rem;width: 1.7rem;}
	.forpassword .process li:nth-child(2) .xian{width: 1.67rem;}
}
/* 登录注册批改密码 end*/

/*site-header start*/
.site-header{position: relative;}
.headerban{ width: 100%; position: relative;}
.headerban img{ position: static; z-index: 1;}
.site-header .mbtn{position: absolute; bottom: 10%; left: 18.665%; width: 13%; height: 9%; cursor: pointer; z-index: 5; display: block;background: url(/about:blank);}
.headernav{ background: #1886c8;text-align: center;}
.headernav li{ width: 16.66667%;  text-align: center; float: left;}
.headernav li em{ font-style: normal;}
.headernav li em a{ color: #fff; padding: .20rem .15rem; display: block; font-size: .18rem;}
.headernav li.aon em a{ background: #6ad0f8;}
.headernav .li_btn a{ position: static;color: #fff!important;padding: .11rem .15rem;display: block;font-size: .2rem;width: 100%;background: #f1dc4b;border-radius: .05rem;margin: .08rem auto;font-weight: bold;}

.headernav .gobacks{position: absolute;left: 0; top: 35%; background: url(/cn/images/goback.png) no-repeat left center; background-size: .2rem .17rem; padding-left: .3rem; color: #fff;}
.site-header .open_menu {display: none;}
.design-header{font-size: .16rem;}
.design-header .headerban{height: 3.43rem;background-repeat: no-repeat; background-size: auto 100%; background-position: center;}
.design-header .headernav{position: absolute; top: 2%; left: 0; width: 100%; background: none; }
.design-header .headernav>.auto{max-width: 1200px;position: relative;}
.design-header .headernav ul{padding-left: 40%;}
.design-header .headernav ul li {padding: 3%;}
.design-header .headernav ul li a{padding: 0;}
.design-header .headernav li em a{font-size: .16rem;}
.design-header li.aon em a{background: none;}
/*site-header end*/

/*site footer start*/
.site-footer,.site-footer a{color: #fff; font-size: .14rem;}
.site-footer{position:relative; background: #1c73a7; padding: 3% 0; text-align: center;}
.site-footer .copyright{margin:0;}
@media (max-width: 767px) {
  .site-footer{padding-top:.2rem;}
}
/*site footer end*/

/*Pages*/
.Pages{padding:5% 0 3%;text-align:center;line-height:.44rem; font-size: .16rem; color: #999;}
.Pages a{display:inline-block;vertical-align:middle; color: #999;}
.Pages .a_end,.Pages .a_first,.Pages .p_count,.Pages .p_cur,.Pages .p_jump,.Pages .p_total{display:none;}
.Pages .a_next,.Pages .a_prev{overflow:hidden;height:.44rem;}
.Pages .a_prev{ background: url(/cn/images/left.png) no-repeat left center; padding-left: .25rem; background-size: auto;}
.Pages .a_next{ background: url(/cn/images/right.png) no-repeat right center; padding-right: .25rem;background-size: auto;}
.Pages em{display:inline-block;margin:0 20px;font-style:normal;font-size:16px;}
.Pages em a{ padding: 0 .17rem; margin: 0 .05rem;}
.Pages a.a_cur{color:#fff; background: #238fcf;}
@media(max-width:375px){
	.Pages em{display:none;}
}


.in-container{padding: 3% 0;}
.searchbox{max-width: 682px; margin: 7% auto; padding-right: 1.5rem; position: relative;}
.searchbox .text{width: 100%; display: block; height: .56rem; border: 1px solid #238fcf; padding: .15rem; line-height: .26rem; font-size: .18rem;}
.searchbox .btn{position: absolute; height: .56rem; right: 0; top: 0; width: 1.5rem; background:#238fcf; color: #fff; font-size: .18rem; line-height: .56rem; border: none;}
.select{ font-size: .16rem; color: #666;position: relative;}
.select+.select{ margin-left: 2%;}
.select .tit{ height: .43rem; border: 1px solid #dedede; display: block; padding: .1rem; line-height: .23rem;position: relative;}
.select .tit i{position: absolute; right: .1rem; top: 50%; background: url(/cn/images/down.png) no-repeat center; width: 12px; height: 7px; margin-top: -3px;}
.select ul{display: none;position: absolute; top: 100%; left: 0; width: 100%; border: 1px solid #dedede; border-top: none; z-index: 6; max-height: 300px; overflow-y: auto;}
.select ul li+li{border-top: 1px solid #dedede;}
.select ul li a{display: block; padding: .1rem;}

.filter{}
.filter:after{content: ""; display: block; clear: both; width: 100%; height: 0;}
.filterbox{float: left; width: 60%;}
.filterbox .select{ float: left; width: 31.333%;}
.filterbox .ul li+li{ margin-left: 2%;}
.filterbox .ul li{ float: left; max-width: 210px; width: 31.333%; font-size: .16rem;  text-align: center;}
.filterbox .ul li a{color: #666;display: block;border: 1px solid #efefef;padding: .11rem;}
.filterbox .ul li.on a{border-color: #1886c8; color: #fff; background: #1886c8;}
.filterbox .select ul li{ width: 100%; float: none; max-width: none; background: #fff; text-align: left; padding: .05rem;}
.filterbox .select .ul li+li{ margin-left:0;}
.filterbox .select ul li a{display: block; padding: .1rem; border: none;}
.sortbox{float: right;font-size: .16rem;line-height: .23rem;}
.sortbox>*{display: inline-block;padding: .10rem 0;}
.sortbox>*+*{margin-left: .20rem;}
.sortbox >a{background-repeat: no-repeat; background-position: left center; padding-left: .15rem; background-size: .06rem .15rem;}
.sortbox >a.up{background-image: url(/cn/images/arrow_up.png);}
.sortbox >a.on.up{color: #238fcf; background-image: url(/cn/images/arrow_up_on.png);}
.sortbox >a.down{background-image: url(/cn/images/arrow_down.png);}
.sortbox >a.on.down{color: #238fcf; background-image: url(/cn/images/arrow_down_on.png);}


.workslist{padding:0; overflow: hidden;}
.workslist ul{margin: 1.5% -1.5% 0 -1.5%;}
.workslist li{float: left; width: 30.33334%; margin: 1.5%;}
.workslist li .pic{position: relative;padding-bottom: 63.5%; width: 100%; display: block;overflow: hidden;}
.workslist li .pic>*{position: absolute; display: block;width: 100%;}
.workslist li .pic .Ispic{top: 0; left: 0;  height: 100%;}
.workslist li .pic .tit{position: absolute; left: 0; bottom: 0;padding: .15rem; font-size: .16rem; color: #fff; line-height: 1.45;margin: 0; font-weight: normal;}
.workslist li .pic .tit span{position: relative; z-index: 1;}
.workslist li .pic .tit:before {content: ""; position: absolute; height: 100%; left: 0; width: 100%; bottom: 0;
    background-image: -webkit-linear-gradient(top, transparent 30%, #000 110%);
    background-image: -o-linear-gradient(top, transparent 30%, #000 110%);
    background-image: linear-gradient(to bottom, transparent 30%, #000 110%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0);
  }
.workslist li .bot{background: #f9f9f9; padding: .10rem .15rem; line-height: .43rem;}
.workslist li .bot:after{content: ""; display: block; clear: both;}
.workslist li .author{float: left; width: 64%;position: relative;padding-left: .60rem;}
.workslist li .author>*{display: block;}
.workslist li .author .img{position: absolute; top: 50%; margin-top: -.22rem; width: .43rem; height: .43rem; border-radius: 100%; background-repeat: no-repeat; background-position: center; left: 0; background-size: cover}
.workslist li .author .tit{font-size: .16rem; color: #666;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.workslist li .bot time{ float: right; color: #999; font-size: .16rem;}
.workslist li .author:hover .img{ box-shadow:0px 0px 4px 1px rgba(0,0,0,0.35);}
.workslist li .author:hover .tit{color: #238fcf;}

.in-tit{font-size: .30rem; color: #238fcf; text-align: center; margin: 0; padding: 7% 0 3%;}
.in-tit span{position: relative; padding: 3% .4rem;}
.in-tit span:before,
.in-tit span:after{content: ""; display: block; position: absolute; top: 50%; width:.2rem; background: #238fcf; height: .03rem; margin-top: -0px;}
.in-tit span:before{left: 0;}
.in-tit span:after{right: 0;}
.in-tit em{font-style: normal;color: #c1d748;}
.catebox{padding: 3% 0;}
.cate-tit{ text-align: center; font-size: .24rem; color: #333; margin: 0; padding: 0 0 3%;}
.catebox .tab{text-align: center;margin: 2% auto;}
.catebox .tab-in{  display: inline-block;}
.catebox .tab-in:after{content: ""; display: block; width: 100%; text-align: center; clear: both;}
.catebox .tab span{display: inline-block; float: left; margin:0; position: relative; width: 1.80rem; height: .48rem; border: 1px solid #dedede; border-left: 0; line-height: .48rem; font-size: .16rem; color: #666;cursor: pointer;}
.catebox .tab span i{position: absolute; top: -1px; left: 15%; background-repeat: no-repeat; background-position: center; background-size: 100%; width: .28rem; height: .29rem; display: block;}
.catebox .tab span:first-child{border-left:1px solid #dedede;}
.catebox .tab span.active{background: #238fcf; border: 1px solid #238fcf; color: #fff;}
.catebox .tab span.one.active i{ background-image: url(/cn/images/one.png);}
.catebox .tab span.two.active i{ background-image: url(/cn/images/two.png);}
.catebox .tab span.three.active i{ background-image: url(/cn/images/three.png);}
.morebtn{padding: 8% 0 0;}
.morebtn a{background:#f6f6f6;font-size: .16rem; color: #999; display: block; padding: .15rem; text-align: center;line-height: .24rem; cursor: pointer;}
.morebtn a:hover{background: #238fcf; color: #fff;}

.work-info{}
.info-tit{font-weight: normal; font-size: .40rem; color: #333; text-align: center; margin: 3% 0 2%;}
.info-p{text-align: center; color: #000; font-size: .16rem;padding: 2% 0;}
.info-p>dd{ display: inline-block; margin: 0 2%;}
.work-info .author{position: relative;padding-left: .60rem;}
.work-info .author>*{display: block;}
.work-info .author .img{position: absolute; top: 50%; margin-top: -.22rem; width: .43rem; height: .43rem; border-radius: 100%; background-repeat: no-repeat; background-position: center; left: 0; border: 2px solid #1886c8; background-size: cover}
.work-info .author .tit{font-size: .22rem; color: #000;}
.votebtns{text-align: center;}
.votebtns span{display: inline-block; color: #238fcf; border: 1px solid #238fcf; width: .90rem; height: .35rem; line-height: .35rem;border-radius: .35rem; margin: 0 0.5%; cursor: pointer;}
.votebtns span.on{color: #fff;background: #238fcf;}
.work-intro{text-align: center;}
.intro-tit{margin: 4% 0; font-weight: normal;font-size: .30rem; color: #333;}
.content{font-size: .16rem; color: #666; line-height: 2.15;}
.link360{width:3.80rem;margin: 4% auto; position: relative;}
.link360 .p{ position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.8);margin: 0; width: 100%; padding:5px 10px;}
.link360 .p span{position: relative;z-index: 2; color: #fff; background: url(/cn/images/360.png) no-repeat left center; padding-left: 30px;}
.info-h3{font-size: .24rem; color: #333; margin: 6% 0 2%; font-weight: normal; }
.info-h3 span{ width: .30rem;height: .06rem; background: #1886c8; display: block; margin: 0 auto;}
.info-application .info-h3{text-align: left;}
.info-application .table{ display: table; width: 100%; table-layout: fixed;}
.info-application .table dl{display: table-cell; width: 20%; border: 1px solid #dedede; border-left: none; padding: 1%;}
.info-application .table dl:first-child{ border-left: 1px solid #dedede;}
.info-application .table dt{color: #1886c8; font-size: .18rem;}
.info-application .table dd{color: #999; font-size: .16rem;}

.countdown{ margin: 0 auto; padding: 3% 0 5%; color: #2496da; font-weight: bold; font-size: .24rem; text-align: center;line-height: 1.10rem;}
.countdown .inner{position: relative; display: inline-block; padding: 0 .96rem 0 1.07rem;}
.countdown .inner:before,
.countdown .inner:after{content: "";position: absolute; top: 0;display: block; background-repeat: no-repeat; background-position: center; background-size: 100%; height: 100%;}
.countdown .inner:before{ left: 0; background-image: url(/cn/images/time.png); width: .97rem;}
.countdown .inner:after{right: 0;background-image: url(/cn/images/time_r.png); width: .86rem; }
.countdown span{display: inline-block; background: #1886c8; margin: 0 .10rem; font-family: arial;font-size: .60rem;  color: #fff; border-radius:.05rem; padding: 0 .22rem; position: relative; top: .05rem;}

.rankingbox{background: #f6f6f6; padding-bottom: 5%; position: relative;overflow: hidden;}
.rankingbox .in-tit{padding-bottom: 4%;}
.authorlist{}
.authorlist ul{margin: 0 -1.25%;}
.authorlist li{ float: left;padding:5% 1.25% 1.5%; width: 20%;}
.authorlist li .inner{position: relative; background: #fff; border-radius: .15rem; padding: 10% .12rem; text-align: center; line-height: 1.45;}
.authorlist li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.authorlist li .pic{border: .10rem solid #c1d748;border-radius: 100%;overflow: hidden;position: relative;margin-top: -34%; }
.authorlist li .pic .Ispic{ padding-bottom: 100%; display: block; }
.authorlist li .inner>span{display: block; font-size: .16rem; color: #333;}
.authorlist li .inner .tit{font-size: .20rem; font-weight: bold; margin: 8% 0;}
.authorlist li .inner .num{font-size: .20rem; font-weight: bold; color: #ea9500; }
.authorlist li .inner:hover{box-shadow: 0 0 5px 1px rgba(0,0,0,0.35); transform: scale(1.1);}
.authorlist li .inner:hover .tit{ color: #238fcf;}
.exhibitionbox .searchbox{ margin-top: 2%; margin-bottom: 4%;}
.selectbox {max-width: 670px; margin: 0 auto 4%;}
.selectbox:after{content: ""; display: block; clear: both; width: 100%; height: 0;}
.selectbox .select{ float: left; width: 31.333%; max-width: 212px;}
.selectbox select.text{ float: left; width: 31.333%; max-width: 212px; padding: .1rem; border: 1px solid #efefef; display: block !important; margin: 0 1%; line-height: .28rem;}
.exhibitionbox .workslist li .author{width: 40%;line-height: .24rem;}
.exhibitionbox .workslist li .author .num{color: #e16a00;}
.exhibitionbox .workslist li .votebtns{float: right; width: 60%; text-align: right;}
.exhibitionbox .workslist li .votebtns span{text-align: center;}

.designer-info .intro{ background: url(/cn/images/designer_bg.jpg) no-repeat right bottom; min-height: 290px; margin: 8% 0 0;padding:0 5% 0;}
.designer-info .intro .inner{position: relative; padding:5% 0 5% 2.60rem; }
.designer-info .intro .pic{ position: absolute;  width: 2.01rem; height: 2.01rem;border-radius: 100%; left: 0; top: 0;}
.designer-info .intro .pic .Ispic{position: absolute; width: 100%; height: 100%; top: -28%; left: 0;border-radius: 100%; border: 5px solid #fff;}
.designer-info .intro .word{ font-size: .16rem; color: #fff;}
.designer-info .intro .word .tit{ font-size: .22rem; margin: 0 5% 0 0; display: inline-block; font-weight: normal;}
.designer-info .intro .word .adr{display: block;padding-top: 1%;}
.designer-info .intro .word figure{padding-top: 3%; max-width: 580px; line-height: 1.65;}
.designer-info .workslist .num{ float: left; line-height: 1.45;}
.designer-info .workslist .num span{text-align: center; display: inline-block;}
.designer-info .workslist .num em{display: block; font-style: normal; color: #e16a00;}
.designer-info .workslist .votebtns{text-align: right;}
.designer-info .workslist .votebtns span{text-align: center;}

.design_intro{ text-align: center; }
.design_intro .inner{max-width: 1000px;margin: 0 auto;}
.design_intro .pic{ width: 2.01rem; height: 2.01rem;border-radius: 100%; margin: -1.05rem auto 0; position: relative;}
.design_intro .pic .Ispic{position: absolute; width: 100%; height: 100%; top: 0; left: 0;border-radius: 100%; border: .05rem solid #fff;}
.design_intro .word{ font-size: .16rem; color: #333;}
.design_intro .word .tit{ font-size: .22rem; margin:2% 0 0;font-weight: normal;}
.design_intro .word .adr{display: block;padding-top: 1%; color: #999;}
.design_intro .word figure{padding-top: 2.5%; line-height: 1.85;}
.member_nav{text-align: center;padding-top: 4%;}
.member_nav li{ display: inline-block; padding: 0 5%; font-size: .16rem;}
.member_nav li a{ padding-bottom: .20rem; color: #333; border-bottom: 1px solid transparent; display: block;}
.member_nav li.aon a,.member_nav li a:hover{color: #2496da; border-bottom-color: #2496da;}
.member_container{background: #f6f6f6; padding: 3% 0;}
.member_wrapper{background: #fff;}
.membertit{padding:3%; border-bottom: 1px solid #ededed;}
.membertit h3{float: left; width: 30%; margin: 0; font-size: .18rem; font-weight: normal; color: #333;}
.membertit .location{float: right; width: 65%; text-align: right; font-size: .16rem; color: #999;}
.membertit .location a{color: #999;}
.membertit .location a:first-child{background: url(/cn/images/home.png) no-repeat left center; background-size: .3rem; padding-left: .30rem;}
.matchbox{padding: 5% 8% 3.5% 8%;}
.matchbox+.matchbox{border-top: .15rem solid #f6f6f6;}
.matchbox .topbox{position: relative;}
.matchbox .topbox .Ispic{height: 2.50rem; display: block; width: 100%;}
.matchbox .topbox .word{position: absolute; right: 0; bottom: 0; height: 100%; max-width: 315px; width: 50%; background: rgba(36,150,218,0.9);}
.matchbox .topbox .word .inner{position: relative;z-index: 2; padding: 10%; color: #fff;}
.matchbox .topbox .word h2{font-size: .30rem; color: #ffde00; margin: 0 0 7%;}
.matchbox .topbox .word h3{font-size: .22rem; margin: 0;}
.matchbox .topbox .word time{display: block;font-size: .16rem;}
.matchbox .topbox .word .btn{margin-top: 10%;}
.matchbox .topbox .word .btn a{max-width: 150px; width: 60%; background: #c1d748; color: #fff; font-size: .16rem; padding: .12rem; display: block;text-align: center;}
.matchbox .topbox .word .btn a:hover{box-shadow: 0 2px 3px 1px rgba(255,255,255,0.35);}
.matchbox.end .topbox .word{ background: rgba(0,0,0,0.6);}
.matchbox.end .topbox .word h2{color: #fff;}
.matchbox.end .topbox .word .btn a{background: #bbb;}
.matchbox .stit{padding: 4% 0 2% 0;}
.matchbox .stit h3{margin: 0; font-weight: normal; font-size: .18rem; color: #333; display: inline-block;}
.matchbox .stit a{ float: right; font-size: .16rem; color: #999;}
.matchbox .stit a i{font-style: normal;font-size: .18rem; padding-left: .05rem; color: #999;}
.matchbox .stit-a{ float: right;}
.matchbox .stit-a a{ display: inline-block; float: none;}
.matchbox .stit .on,
.matchbox .stit a:hover{color: #2496da;}
.matchbox .list ul{margin: 0 -1.5%;}
.matchbox .list li{float: left; width: 33.3334%; padding: 1.5%;}
.matchbox .list li .inner{position: relative;overflow: hidden;}
.matchbox .list li .href{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.matchbox .list li .Ispic{display: block; padding-bottom: 63.492063%;}
.matchbox .list li .text{position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
.matchbox .list li .text{position: absolute; left: 0; bottom: 0;padding: .15rem;  color: #fff; line-height: .24rem;margin: 0; font-weight: normal;}
.matchbox .list li .text h3{position: relative; z-index: 1; margin: 0; font-weight: normal;font-size: .16rem;}
.matchbox .list li .text:before {content: ""; position: absolute; height: 100%; left: 0; width: 100%; bottom: 0;
    background-image: -webkit-linear-gradient(top, transparent 30%, #000 110%);
    background-image: -o-linear-gradient(top, transparent 30%, #000 110%);
    background-image: linear-gradient(to bottom, transparent 30%, #000 110%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0);
  }
.memberform{}
.memberform-inner{padding: 5% 8%;}
.memberform dl{width: 45%; float: left; padding-left: .8rem; position: relative; margin-bottom: .15rem;}
.memberform dl.w1{width: 100%; float: none; clear: both;}
.memberform dl.odd{float: right;}
.memberform dl dt{position: absolute;left: 0; top: 0; line-height: .46rem; font-size: .16rem; color: #666;}
.memberform dl .text{width: 100%; border: 1px solid #dedede;  line-height: .2rem; font-size: .16rem; color: #666;padding: .12rem;}
.memberform dl .tinput{}
.memberform .adr select{width: 31.33%; display: inline-block;}
.memberform .adr select+select{margin-left: 3%;}
.memberform .adr select.w1{margin-left: 0; width: 100%;margin-top: .15rem;}
.memberform .adr .tinput{margin-top: .15rem;}
.memberform .input span{position: absolute; right: 10px; top: .12rem;}
.memberform .input .tinput{padding-right: .60rem;}
.memberform textarea{resize: none;height: 170px;}
.memberform .imgbox {padding-left: 1.5%;}
.memberform .imgbox li{float: left; width: 33.33334%; padding:5% 1.5%; text-align: center;position:relative}
.memberform .imgbox li a{display: block; width: 100%;max-width: 2rem; margin: 0 auto; height: 2rem; border: 1px solid #dedede;position: relative;}
.memberform .imgbox li a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);max-width: 100%; max-height: 100%;}
.memberform .imgbox li a.del:after{content: ""; display: block; position: absolute; bottom: 0; right: 0; background: url(/cn/images/del.png) no-repeat; width: .36rem; height: .36rem;}
.memberform .imgbox li span{display: block; color: #666; font-size: .14rem; padding-top: .10rem;}
.memberform .imgbox2{border-top: .15rem solid #f6f6f6;padding:3% 8%;}
.memberform .imgbox2 li{width: 25%; padding: 2.5% 1.5%;position:relative}
.memberform .imgbox2 li.end .inner{width: 100%;max-width: 2rem; margin: 0 auto; height: 2rem;position: relative;}
.memberform .imgbox2 .imgaddbtn{position: absolute; top: 50%; left: 50%; border: 1px solid #2496da; color: #2496da; border-radius: 5px; width: 100%; max-width: 140px;height: .38rem; text-align: center; line-height: .38rem; transform: translate(-50%,-50%);}
.memberform .submitebtn{text-align: center;padding: 2% 0 5% 0;}
.memberform .submitebtn .btn{display: inline-block; cursor:pointer; width: 50%; max-width: 330px; height: .58rem; line-height: .58rem; border: none; background: #2496da; border-radius: .05rem; font-size: .18rem; color: #fff;}
.member_wrapper .tipcon{padding: 4% 8% 6%;}
.member_wrapper .tipcon .tit{margin: 0 0 .08rem 0; font-size: .18rem; position: relative; padding-left: .15rem;}
.member_wrapper .tipcon .tit:before{content: ""; left: 0; width: .04rem; background: #2496da; height: .16rem; position: absolute; top: 50%; margin-top: -.08rem;}
.member_wrapper .tipcon li{padding: .05rem 0;}
.member_wrapper .tipcon .ul1{padding-left: .05rem;}
.member_wrapper .tipcon .ul2{padding-left: .35rem;}
.perimg{float: left; width: 35%;}
.perimg>*{display: block; text-align: center;}
.perimg a{border: 1px solid #dedede; width: 2rem; height: 2rem; margin: 0 auto;}
.perimg span{font-size: .16rem; padding-top: .08rem;}
.pertext{float: right; width: 50%;}
.pertext .phone .input{position: relative;}
/*.pertext .phone .input .tinput{padding-right: .70rem;}*/
.pertext .phone .phonebtn{position: absolute; top: .12rem; right: .15rem; color: #2496da; font-size: .16rem;}
.pertext .phone .phonebtn:before{content: ""; left: -.15rem; top: 0; height: 100%; width: 1px; background: #dedede; position: absolute;}
.pertext .verify .input .tinput{padding-right: 1.2rem;}
.pertext .verify .phonebtn{position: absolute; top: .12rem; right: .15rem; color: #2496da; font-size: .16rem;}
.pertext .verify .phonebtn:before{content: ""; left: -.15rem; top: 0; height: 100%; width: 1px; background: #dedede; position: absolute;}

.home-img{ position: absolute; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
.home-img1{ left: 1.7rem; top: .7rem; width: .97rem; height: .95rem; background-image: url(/cn/images/home-bg1.png);}
.home-img2{ right: .9rem; bottom: -.7rem; width: 1.93rem; height: 2.02rem;background-image: url(/cn/images/home-bg2.png);}
.home-img3{ left:-2.05rem; top: -1.5rem; width: 4.1rem; height: 4rem; background-image: url(/cn/images/home-bg3.png);}
.home-img4{  right: .9rem; z-index: 1; bottom: 0; width: 3.05rem; height: 1.85rem; background-image: url(/cn/images/home-bg4.png);}
.home-img5 { top: -.4rem; left: 1rem;  width: .97rem; height: .95rem; background-image: url(/cn/images/home-bg9.png);}
.home-img6 { bottom: -.46rem; left: 0;width: 1.83rem; height: 0.78rem; background-image: url(/cn/images/home-method-bg.png); }
.home-img7 { right: .9rem; top: -.7rem; width:1.06rem;height: 1.06rem; background-image: url(/cn/images/home-bg7.png);}
.home-img8 { bottom: .35rem; right: 2rem;width:3.85rem;height: 2.05rem; background-image: url(/cn/images/home-bg8.png); }
.home-img9 {left:-2.05rem; bottom: .5rem; width: 4.1rem; height: 4rem; background-image: url(/cn/images/home-bg3.png);}
.home-img10 {right: -.48rem; top: 2.11rem; width: .97rem; height: .95rem; background-image: url(/cn/images/home-bg1.png); }
.home-tit { padding:.7rem 0; text-align: center; color: #2496da; }
.home-tit h2 { margin: 0; font-size: .3rem; }
.home-tit span { height: 4px; width: .2rem; display: inline-block; vertical-align: middle; margin:0 .2rem .1rem; background-color: #2496da; }
.home-tit span.a { background-color: #2496da; }
.home-tit.on2 { padding:.7rem; }
.home-tit.on2 h2 { color: #fff; }
.home-tit.on2 span { background-color: #fff; }
.home-BG { padding:1.3rem 0 1.4rem; position: relative; }
.home-BG .home-tit { padding-bottom: .4rem; }
.home-BG .home-BG-com { position: relative;z-index: 3; color: #666666; font-size: .16rem; text-align: center; text-indent:3em; line-height: 2.4em; }


.home-arrange { padding-bottom: .9rem; background:url(/cn/images/home-bg3.jpg) 50% 50% no-repeat; background-size: 100% 100%; overflow: hidden;}
.home-arrange a {  }
.home-arrange .ul1{margin: 0 -1%;}
.home-arrange .ul1 li { padding:.8rem 0; text-align: center; margin:0 1%; float: left; width: 14.666667%; background: url(/cn/images/home-arrangeBg.png)50% 50% no-repeat; background-size: 100% 100%; }
.home-arrange .ul1 li p { color: #238fcf; font-size: .18rem; font-weight: bold; font-family: "黑体"; }
.home-arrange .ul1 li span { color: #666666; font-size: .16rem; }

.home-arrange .ul2 {}
.home-arrange .ul2 li { position: relative; margin-top: .4rem; text-align: center; float: left; width: 16.66%; }
.home-arrange .ul2 li ins { display: inline-block; background-color: #c1d748; width: .1rem; height: .1rem; border-radius: .1rem; position: relative; z-index: 2; top: -.02rem;}
.home-arrange .ul2 li span { display: inline-block; width: 100%; background-color: rgba(255,255,255,.5); height: .02rem; position: absolute; bottom: 50%; z-index: 1; left: 0; }
.home-arrange .ul2 li.on span { left: 50%; width: 50%; }
.home-arrange .ul2 li.on2 span { width: 50%; }

.home-requirement { position: relative; margin-bottom: 1rem; }
.home-requirement .home-tit { padding:.8rem 0 .6rem; }
.home-requirement .ul { padding: .5rem; background-color: #f9f9f9; }
.home-requirement li { line-height: 2.4em; }
.home-requirement li h3 { font-size: .18rem; color: #666; line-height: .18rem; padding-left: .15rem;position: relative;}
.home-requirement li h3:before{content: ""; width: .04rem; background: #238fcf; position: absolute; left: 0; top: 0; height: .18rem; display: block;}
.home-requirement li p { font-size: .16rem; margin:0; padding-left: .19rem;}
.home-requirement li p.p_num{position: relative; padding-left: .5rem;}
.home-requirement li span.num { font-size: .16rem; position: absolute; left: 0; top: 0;padding-left: .065rem;}

.home-method { position: relative; padding-bottom: .8rem; background: url(/cn/images/home-bg5.jpg) 50% 50% no-repeat; background-size: 100% 100%; }
.home-method ul{ margin: 0 -2%;}
.home-method li { padding:.8rem 1rem .7rem .8rem; position: relative; background-color: #fff; float: left; width: 46%; margin: 0 2%; }
.home-method li em { position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: .75rem solid #6ad0f8; border-right: .75rem solid transparent; }
.home-method li span { position: absolute; z-index: 3; left: .15rem; top: .1rem; font-size: .26rem; color: #fff; }
.home-method li h3 { color: #2496da; font-size: .22rem; }
.home-method li p { color: #333333; font-size: .16rem; line-height: 2em; word-break: break-all; word-wrap: break-word; }
.home-method li p a { color: #2496da; text-decoration: underline; }



.home-judges {overflow: hidden;}
.home-judges ul{ margin: 0 -1%;}
.home-judges li { float: left; width: 23%; margin: 0 1% .5rem 1%;  text-align: center; }
.home-judges li .word{ margin-top: .3rem;}
.home-judges li .word h3 {margin:0; }
.home-judges li .word h3 a{color: #333;}
.home-judges li .word p{ margin: .15rem 0 0 0; line-height: 1.85; min-height: .48rem;}
.home-judges li .pic { max-width: 100%; margin: 0 auto; width: 2.28rem; position: relative; z-index: 3;display: block;}
.home-judges li .pic:before,
.home-judges li .pic:after{content: ""; display: block;position: absolute;z-index: 1; max-width: 100%; width: 2.28rem;height: 100%; border-radius: 2.28rem;}
.home-judges li .pic:before { background-color: #cddf6d;  left: -6px; top: -6px;  }
.home-judges li .pic:after {  background-color: #4fa5d9;right: -6px; bottom:-6px ; }
.home-judges li .pic .Ispic{padding-bottom: 2.28rem; display: block;border-radius: 2.28rem; z-index: 3;position: relative;}


.home-rule.home-requirement { margin-bottom: 0; padding-bottom: 1rem; position: relative; background:url(/cn/images/home-bg6.png) 50% 50% no-repeat; background-size: 100% 100%; }
.home-rule .ul { position: relative; z-index: 2; background: url(/cn/images/home-rule-bg.png) 50% 50% no-repeat; background-size: 100% 100%; }



.prize-box { text-align: center; }
.prize-box .prize-tit { background: url(/cn/images/prize-bg.png) 50% 50% no-repeat; background-size: 100% 100%; padding:.4rem 0; color: #fff; }
.prize-box .prize-tit h3 { margin: 0; font-size: .24rem; }
.prize-box .ul {  font-size: 0;background: #f9f9f9;margin-bottom: .3rem;}
.prize-box .ul li {  padding:.35rem 0 .35rem 1rem; box-sizing: border-box; text-align: left; background-color: #f9f9f9; width: 33.33%; display: inline-block; }
.prize-box .ul li:nth-child(2n){background: #f6f6f6;}
.prize-box .ul li span { display: block; margin-bottom: .1rem; color: #ea9500; font-size: .3rem; font-family: "黑体"; }
.prize-box .ul li em { display: inline-block; vertical-align: middle; font-style: normal; color: #1886c8; font-weight: bold; font-size: .2rem; padding-left:.05rem; }
.prize-box .ul li .pic {padding-bottom: .2rem;}
.prize-box .ul li p { font-size: 14px;margin: 0;line-height:2.15;}



.memberform dl.adr dd  select+select{margin-left: 0;}
.memberform dl dd{position: relative;}
.memberform dl .sel_bg{position: absolute;z-index: 1;height: 100%;width: 100%;top: 0;left: 0;}
.memberform dl .sel_btn{word-break: break-all; position: relative;z-index: 10; cursor: pointer;width: 100%;border: 1px solid #dedede;line-height: .22rem;font-size: .16rem;color: #666;padding: .12rem;}
.memberform dl .sel_btn .span {
	position: relative;
	padding: 5px 20px 5px 0;
	display: inline-block;
}
.memberform dl .sel_btn .span .close {
	cursor: pointer;
	position: absolute;
	right: 4px;
	top: -20%;
	font-size: 12px;
	font-weight: bold;
	z-index: 1;
	padding: 4px;
	font-style: normal;
	color: #1886c8;
}
.memberform dl .sel_pro{display: none; position: absolute;top: 100%;width: 100%;left: 0;border: 1px solid #dedede;z-index: 1000;background-color: #fff;}
.memberform dl .sel_pro li{position: relative;width: 100%;float: none;max-width: none;background: #fff;text-align: left;padding: 0rem;border-bottom: 1px solid #dedede;}
.memberform dl .sel_pro li:last-child{border-bottom: 0;}
.memberform dl .sel_pro a{ cursor: pointer; display: inline-block;padding: .04rem;border: none;color: #333;}
.memberform dl .sel_pro .first:hover{background-color: #2496da;}
.memberform dl .sel_pro dl a{display: block}
.memberform dl .sel_pro dl a:hover {background-color: #2496da;color: #fff;}
.memberform dl .sel_pro .first:hover a{color: #fff;}
.memberform dl .sel_pro dl{display: none; position: absolute;padding: 0;width: 55%;min-width: 100px; top: 100%;right: -1px;border: 1px solid #dedede;z-index: 1000;background-color: #fff;}
.memberform dl .sel_pro dl dd{position: relative;width: 100%;float: none;max-width: none;background: #fff;text-align: left;padding: 0rem;border-bottom: 1px solid #dedede;}
.memberform dl .sel_pro dl dd:last-child{border-bottom: 0;}
/*.memberform dl .sel_pro li:hover > dl{display: block;}*/
/*.memberform dl .sel_pro dl dd:hover > dl{display: block}*/

.memberform dl .sel_pro dl{position: relative;top: auto;right: auto;width: 100%;left: -1px;margin-bottom: 0;}
.memberform dl .sel_pro li .first {cursor: pointer;}
.memberform dl .sel_pro li .more{display: inline-block;padding: .04rem 0.15rem;text-align: center;position: absolute;right: 0;top: 0;cursor: pointer;color: transparent;background: url("/cn/images/right.png") no-repeat center center;background-size: 15%;}
.memberform dl .sel_pro li .more.on{background: url("/cn/images/up.png") no-repeat center center;    background-size: 30%;}

.fix_submit{position: fixed;right: 2%;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); z-index: 10;}
.fix_submit a{display: block;padding: 0.05rem 0.1rem;background-color: #1886c8;color: #fff;font-size: .18rem;cursor: pointer; position: relative;}


.fix_submit .slide_top{display: block;margin-top: 2px;background-color: #1886c8;height: 0.34rem;position: relative;cursor: pointer;}
.fix_submit .slide_top::before{content:"";display: block;width: 16%;height: .1rem;background-color: #fff;position: absolute;top: 0.14rem;left: 0;right: 0;margin: auto;}
.fix_submit .slide_top::after{    content: "";display: block;border: .05rem solid transparent;border-left-color: #fff;border-bottom-color: #fff;height: 0;width: 0;position: absolute;left: 0;right: 0;top: 0.1rem;margin: auto;transform: rotate(135deg);-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);}










.headernav .gobacks:hover{color: #2496da;}
.design-header .headernav li em a:hover{color: #2496da;}
.membertit .location a:hover{color: #2496da}
select{cursor: pointer;}
.memberform .imgbox li a img{cursor: pointer;}
.headernav li:hover em a {color: #6ad0f8;}
.searchbox .btn,.select .tit{cursor: pointer;}
.filterbox .select ul li a{cursor: pointer;}
.catebox .tab span:hover {background: #238fcf;border: 1px solid #238fcf;color: #fff;}
.filterbox .ul li:hover a {border-color: #1886c8;color: #fff;background: #1886c8;}
.sortbox >a{cursor: pointer;}






@media (max-width:1640px) {
	.home-img3,.home-img9{width:3rem;height: 2.93rem;}
	.home-img4{width:2.05rem;height: 1.24rem;right: .3rem;}
}
@media (max-width:1440px) {
	.home-img3{width:2rem;height: 1.95rem; left: -1.25rem; top: -.8rem;}
	.home-img9{width:2rem;height: 1.95rem; left: -1.25rem;}
}
@media (max-width:1366px) {
	.home-img4{width:1.05rem;height: 0.64rem;right: 0;}
}
@media (max-width:1024px) {
	html{font-size: 525%;}
	.home-tit.on2{padding: .5rem 0;}
	.home-requirement .home-tit{padding: .5rem 0;}
	.home-requirement .ul{padding: .25rem;}
	.home-method li{padding: .5rem .3rem .3rem .3rem;}
	.home-judges li{width: 31.33334%;}
	.prize-box .ul li{padding: .25rem;}
	
}
@media (max-width:767px) {
	html{font-size: 425%;}
	.headernav li{display: inline-block;float: none; width: auto;}
	.headernav li em a{padding-left: .08rem;padding-right: .08rem;}
	.home-BG{padding: .75rem 0 1.25rem;}
	.home-judges li{width: 48%;}
	.home-rule.home-requirement{padding-bottom: .85rem;}
	.prize-box .ul li{width: 100%;}
	.prize-box .ul li .inner{max-width: 230px; margin: 0 auto;}
	.searchbox{margin-top: .25rem; margin-bottom: .25rem;}
	.filterbox{float: none; width: 100%;}
	.sortbox{float: none;padding-top: .15rem; clear: both;}
	.workslist li{width: 47%;}
	.designer-info .intro{background-position: left bottom;}
	.designer-info .intro .inner{padding-left: 0;}
	.designer-info .intro .pic{position: relative;}
	.designer-info .intro .pic .Ispic{top: 5%;}
	.designer-info .intro .word{padding-top: .25rem;}
	.designer-info .workslist .num{float: none; text-align: center;}
	.designer-info .workslist .num em{display: inline-block;}
	.designer-info .workslist .votebtns{text-align: center;padding-top: .15rem;}
	.countdown{line-height: .55rem;}
	.countdown .inner{padding-top: .25rem;padding-bottom: .25rem;}
	.countdown span{font-size: .35rem;padding: 0 .1rem; top: 0;}
	.countdown .inner:before{width: .85rem;}
	.countdown .inner:after{width: .725rem;}
	.authorlist li .pic{border-width: .03rem;}
	.exhibitionbox .workslist li .author,
	.exhibitionbox .workslist li .votebtns{float: none; width: 100%; display: block; text-align: left;}
	.exhibitionbox .workslist li .votebtns{padding-top: .1rem;}
	.memberform dl{padding-left: 1rem;}
	.pertext,.perimg{float: none; width: 100%;}
	.perimg{padding-bottom: .15rem;}
	.design-header .headernav{top: .3rem;}
	.headernav .gobacks{position: relative;}
	.design-header .headernav ul{padding-left: 0;}
	.design-header .headernav ul li{padding: 3% .05rem;}
	.matchbox{padding: 4% 4% 3.5% 4%;}
	.matchbox .topbox .word{width: 70%;}
	.matchbox .topbox .word .inner{padding: .1rem 5%;}
	.matchbox .topbox .word .btn{margin-top: 5%;}
	.matchbox .topbox .word h2{font-size: .265rem;}
	.membertit .location{display: none;}
	.memberform dl,.memberform dl.odd{width: 100%; float: none;}
	.memberform .imgbox2,.memberform-inner{padding: 3%;}
	.memberform .imgbox2 li{ width: 33.33334%;}
	.popup .form dl dd{padding-left: 1.65rem;}
	.popup .form dl .file-filestyle .filebtn{    height: .51rem; line-height: .51rem;}
	.popup .form .btns{padding-left: 0;}
	.home-arrange .ul2 li ins{top: -.03rem;}
}
@media (max-width:488px) {
	html{font-size: 325%;}
	.home-requirement li p.p_num{ padding-left: .65rem;}
	.workslist li .author{padding-left: .50rem;}
	.info-tit{font-size: .35rem;}
	.votebtns span{height: .45rem; line-height: .45rem; border-radius: .45rem;width: 1.15rem;}
	.home-arrange .ul1 li{min-height: 2.45rem;padding: .5rem 0;}
	.home-arrange .ul2 li ins{top: 0rem;}
	.home-arrange{padding-bottom: .5rem;}
	.home-img1{top: .4rem;}
}
@media (max-width:374px) {
	.home-judges li .word p{min-height: 1.35rem;}
	.workslist li .author,
	.workslist li .bot time{width: 100%; float: none; display: block;}
	.workslist li .bot time{padding-top: .1rem;}
}




<!--耗时1790288264.2648秒-->