@charset "utf-8";
/***************
TsingStone Info&Art Design Studio
the Academy of Arts & Design, Tsinghua University
Author:Jason Woo 
***************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
border:0px;padding:0px;font-size: 100%; margin: 0px; font-family: inherit; -webkit-font-smoothing: subpixel-antialiased;font-weight:normal;font: 14px/1.5 arial,"Noto Sans CJK SC Light", "Source Han Sans CN Light",sans-serif;}
body {background:#475a9e ;color:#444;line-height:20px;margin:0px; font: 13px/1.5 arial,"Noto Sans CJK SC Light", "Source Han Sans CN Light",sans-serif;}
input,textarea,select{background-color: #FFFFFF;font-size:12px;outline:none;}
.content{background:#fff;min-width:320px;}
img{border:0px;vertical-align:bottom;-ms-interpolation-mode: bicubic;}
a,a:link{text-decoration: none;color:#22132D;}
a:hover{text-decoration:none;color:#5066b7;}
ul,li{list-style-type:none;}
.left{float: left;}
.right{float: right;}
.clearfix:after{display:block;content:'';clear:both;height:0px;visibility: hidden;}
/**
.yahei{font-family:"\5FAE\8F6F\96C5\9ED1";}
h1,h2,h3,h4{font-family:"\5FAE\8F6F\96C5\9ED1";}
**/
.relative{position:relative;}
.clearfix{*display:table;*zoom:1;}
.clear{clear:both;overflow:hidden;height:0;	}
*::selection{ background:#ffc000; color: #FFFFFF;text-shadow: none;}
*::-moz-selection{ background:#ffc000; color: #FFFFFF;text-shadow: none;}
.ie6{text-align:center;font-size:14px;background:#FC6;line-height:60px;}
.ie6 span{float:right;margin-right:30px;cursor:pointer;}
.blankspace{height:1.5em;overflow:hidden;margin:0;padding:0;clear:both;}
.cgray{color:#888;}
.cred{ color:#e5264b;}
.cbule{ color:#5066b7;}
.fb{ font-weight:bold;}
/*comm used header,content,footer*/
.mainWrap {margin:auto;min-width:320px;} /*{width:1226px;}*/
.header {background: #fff; margin-top:0px;}
.top_line{border:1px solid #ebebeb; border-left:0px; border-right:0px;width:100%;}
.header .topLine{border-top:7px solid #5066b8; display:none;}
.header .topWrap{height:80px;width:1280px; margin:0px auto;}
.header .logo {float:left;_display:inline;margin-top:10px; }
.header .logo img{height:58px;}
.header .search{float:right;_display:inline; margin-top:20px;}
.header .search .ext{text-align:right; float:right;}
.header .search .ext a{text-align:right;border:1px solid #ebebeb;border-radius:4px; display:block;height: 18px; padding:5px; }{}
.header .search .ext a:hover{color:#fff; background:#5066b7;}
#searchForm{ float:right; margin-right:10px;}
.header .search .inp{margin:0px; height:18px; line-height:18px;width:140px;border:1px solid #ebebeb;padding:5px;float:left;_display:inline;border-right:0;-webkit-appearance:none;border-radius: 4px 0px 0px 4px;color:#666;}
.header .search .btn{background:#fff; height:28px;padding:0 8px;*padding:0 8px 0 12px;line-height:29px;text-align:center;border:0;float:left;font-size:16px;_display:inline;cursor:pointer; border-radius: 0px 4px 4px 0px;border:1px solid #ebebeb;}{color:#5066b7;}
.header .search .btn:hover{background:#5066b7; color:#fff; border:1px solid #5066b7;}
/*head-end*/
.header .nav{ width:1280px; margin:0px auto;}
.header .nav .menu{display:none;}
.header .nav li{ width:14.2%; margin-left:-1px; border:1px solid #ebebeb;border-top:0px;border-bottom:0px;float:left;_display:inline;position:relative;z-index:999;zoom:1;}
.header .nav li a{display:block;line-height:42px;font-size:16px;color:#333; text-align:center; font-weight:bold;}/**padding:0 14px;*padding:0 13px;**/
.header .nav li a:hover{background:#5066b8; border:1px solid #4c62b2; color:#333333; margin-top:0px;}/**下拉菜单颜色**/
.header .nav li a.hover,.header .nav li a.active{background:#f2f6ff; border:0px ; border-bottom:0px; border-top:0px; color:#333333; }
.header .nav li a i{padding:0px; *margin:5px -3px 0 6px;}
.header .nav li a i:before{margin:5px -4px 0px 0px;}
#nav ul{background:#5066b8;position:absolute;top:42px;width:182px; overflow:hidden;z-index:2;padding:5px 0;display:none;opacity:0.9;}
#nav ul.last{right:-1px;}
#nav ul li{float:left;display:block;padding:0;margin:-2px 0px 0px 0px; width:182px; border:0px; }
#nav ul li a{line-height:38px;font-size:14px;color:#fff;padding:0 0 0 10px;text-align:left; padding-left:48px;font-weight: normal;}
#nav ul li a:hover{background:#475a9e; color:#76c3fd;  border:0px;}
/*nav-end*/
.content {padding-bottom:28px;}
.content .thuimg {text-align:center;}
.content .thuimg .thuimgWrap{min-width:1000px;overflow:hidden;background:url(../images/loading.gif) no-repeat center center;*height:400px;}
.footer .footWrap{background:#475a9e;padding:40px 0;}
.footer .footWrap li{width:125px;float:left;_display:inline;}
.footer .footWrap h4 {padding-bottom:8px;}
.footer .footWrap h4 a{font-size:15px;color:#22132d;}
.footer .footWrap h4 a:hover{color:#4F608C}
.footer .footWrap a{color:#585858;display:block;line-height:24px;text-align:center;}
.footer .footWrap a:hover{color:#4F608C}
.footer .copyrights {color:#76c3fd;padding:20px 0px 20px 0px;line-height:22px; width:1280px; height:80px; margin:0px auto;}
.footer .copyrights a{color:#76c3fd;}
.footer .copyrights a:hover{color:#fff;}
.footer .copyrights .left{ width:40%; float:left;}
.footer .copyrights .left li{ margin-right:20px;}{float:left;}
.footer .copyrights .left li img{ margin-top:-15px; padding-bottom:8px;}
.footer .copyrights .left a{margin:0px 10px 0px 10px;}
.footer .copyrights .left .first{ margin:0px 10px 0px 0px;}
.footer .copyrights .right{ width:60%; float:right;}
.footer .copyrights .right a{margin:0px 0px 0px 10px;}
.footer .copyrights .right li{ float:none; clear:both; text-align:right;}
.footer .copyrights .copy{color:#6b80c8;display:block;}

/*foooter-end*/
._plugMasklayer { background: none repeat scroll 0 0 #FFFFFF; display: none; height: 100%; left: 0; opacity: 0.8;filter:alpha(opacity=80); _position: absolute; position:fixed; top: 0; width: 100%; z-index: 9998;bottom:0;}
._plugLayer { background: none repeat scroll 0 0 #FFFFFF; display: none; left: 50%; top: 50%;border:1px solid #609; _position: absolute;position:fixed; z-index: 9999;}
@media screen and (max-width:800px) {
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	 font: 13px/1.5 arial,"Noto Sans CJK SC Light", "Source Han Sans CN Light",}
	 body {line-height: 18px;}
    .header .nav{}
    .mainWrap {width:100%;}
	.header .nav li{}{padding:5px 2px 5px 2px; }
	.header .nav li a{font-size:12px;padding:0 9px;}
	#nav ul{width:150px;}
	#nav ul li a{font-size:12px;line-height:32px;padding: 0 0 0 14px;}
	.content{padding-bottom: 100px;}
	.footer .footWrap li{width:190px;height:200px;}
	.footer .copyrights{text-align:center;}
	.footer .copyrights .info{float:none;display:block;}
	.footer .copyrights .icp{float:none;display:block;}
	.footer .copyrights .right a{font-size:99%}
}

@media screen and (max-width:640px) {
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	 font: 13px/1.5 arial,"Noto Sans CJK SC Light", "Source Han Sans CN Light",}
	.header .topLine{ display:none;}
	.mainWrap,.header .nav,.header .topWrap{width: 100%;}
	.header .topWrap{position:relative;	}
	.top_line {border:0px solid #ebebeb;}
	.header .logo{float:none;margin:auto;display:block;position:absolute;top:50px;left:48%;margin-left:-100px;}
	.header .search{float:none;position:absolute;width:100%;top:0px;background:#5066b7;margin-top:0px;}
	.header .search .ext{float:right;padding:0px 20px 8px 0;}
	.header .search .ext a{color:#8a9fef;border:1px solid #8a9fef;height:12px; line-height:12px; position:absolute; right:20px; top:48px;}
	.header .search .inp{background:none; color:#8a9fef; border:1px solid #8a9fef; line-height:22px;margin-left:20px;height:12px;width:130px; }
	.header .search .btn{background:none; color:#8a9fef; border:1px solid #8a9fef; height:22px;line-height:22px;font-size:14px;margin-left:-1px;}
	#searchForm{ float:left;}
	.header .topWrap{height: 130px;}
	.header .nav{background:#5066b7; border:0;}
	.header .nav .menu{display:block;line-height:44px;font-size:18px;padding:0 20px;cursor:pointer;color:#fff;}
	.header .nav .menu .menuicon{float:right;color:#fff; margin-top:10px;}
	.header .nav ul{display:none;}
	.header .nav li{float:none;padding:0;border-top:0px;background:#fff;overflow:hidden; width:100%;}
	.header .nav li a{font-size:15px;text-indent:20px;}
	.header .nav li a .thuicon-angle-down{display:none;}
	.header .nav li a{display:block;line-height:42px;font-size:15px;color:#333; text-align:left;}
	.content{padding-bottom: 50px;}
	.footer .copyrights .left,.footer .copyrights .right,.footer .copyrights ,.footer .copyrights .left li{ width:100%;}
	.footer .copyrights .firstli{ display:none;}
	.footer .copyrights .left li{ padding:20px 0px; border-bottom:1px solid #425398;}
	.footer .copyrights .right{ margin:20px 10px 20px 0px;}
	.footer .copyrights .right li{ font-size:90%; line-height:16px; }
	.footer .copyrights .right li span{ font-size:99%; }
	.header .topWrap{ margin-top:0px;}
	
}

@media screen and (max-width:360px) {
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	 font: 13px/1.5 arial,"Noto Sans CJK SC Light", "Source Han Sans CN Light",}
	.content { padding-bottom:30px;}	
}

@media screen and (max-width:320px) {
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figure,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	 font: 13px/1.5 arial,"Noto Sans CJK SC Light", "Source Han Sans CN Light",}
	.header .logo img{width:150px; height:auto;}
	.header .logo{margin-left:-80px;}
	.header .topWrap{height:110px;}
	.header .search .inp{width:100px;}
	.header .nav .menu{line-height:40px;font-size:16px;}
	.footer .copyrights .right{ margin:20px 10px 20px 10px;font-size:10px; }
	.footer .copyrights .right li{ line-height:16px; }
}
/*action*/
    .fadein{transition:all .3s ease-in;}


/* select-main */
div.select-main {
	background-color:#FFFFFF;border:1px solid #2DB2FF;margin-top:10px; margin-right:10px;border-radius:5px;font-size:1.7em;height:23px;position:relative;width:122px;float:left; 
    -webkit-user-select:none; /* webkit (safari, chrome) browsers */
    -moz-user-select:none; /* mozilla browsers */
    -khtml-user-select:none; /* webkit (konqueror) browsers */
    -ms-user-select:none; /* IE10+ */
}

div.select-main.z-index {z-index:10;}
div.select-main.disabled {cursor:default;filter:alpha(opacity=50);opacity:0.5;zoom:1;}
div.select-main.disabled div.select-set {cursor:default;}
div.select-main.disabled div.select-arrow {cursor:default;}
div.select-set {background-color:#475a9e;border-radius:5px;color:#76c3fd;cursor:pointer;height:23px;line-height:23px;overflow:hidden;position:relative;padding:0 35px 0 15px;width:72px;z-index:5;}
div.select-arrow {border-top:7px solid #2DB2FF;border-left:7px solid transparent;border-right:7px solid transparent;cursor:pointer;height:0px;position:absolute;top:8px;right:10px;width:0px;z-index:7;}

div.select-arrow.reverse {border-top:7px solid transparent;border-bottom:7px solid #2DB2FF;top:0px;}
div.select-block {background-color:#FFFFFF;border:0px solid #ccc;border-radius:5px;box-shadow:0 0 6px rgba(0,0,0,0.2);left:-1px;line-height:20px;position:absolute;bottom:24px;width:258px;}
ul.select-list {cursor:pointer;margin:8px 0 7px;}

/* Scroll view */
ul.select-list::-webkit-scrollbar { width:12px;}
ul.select-list::-webkit-scrollbar-track { border-radius:10px;}
ul.select-list::-webkit-scrollbar-thumb {border-radius:10px; -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);}
ul.select-list {scrollbar-face-color:#AEB1B1;scrollbar-shadow-color:#C7CACA;scrollbar-highlight-color:#CED1D1;scrollbar-3dlight-color:#CED1D1;scrollbar-darkshadow-color:#C7CACA;scrollbar-track-color:#CED1D1;scrollbar-arrow-color:#333;}

/* End scroll view */
li.select-items {color:#333333;padding:2px 2%;width:96%;}
li.select-items:hover,
li.select-items.active {background-color:#2DB2FF;color:#FFFFFF;} 
@media screen and (max-width:768px){div.select-main{ margin-left:40px;} .header {margin-top: -25px; display: flex;}}