@import 'reset.css';
@import '../font/iconfont.css';
@charset "utf-8";


@font-face{font-display:swap;font-family:OpenSans;font-weight:200;src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.woff2) format("woff2"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.woff) format("woff"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-weight:300;src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot);src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.eot?#iefix) format("embedded-opentype"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.woff2) format("woff2"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.woff) format("woff"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-weight:400;src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Regular.eot);src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Regular.eot?#iefix) format("embedded-opentype"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Regular.woff2) format("woff2"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Regular.woff) format("woff"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-weight:500;src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Semibold.eot);src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Semibold.eot?#iefix) format("embedded-opentype"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Semibold.woff2) format("woff2"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Semibold.woff) format("woff"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Semibold.ttf) format("truetype")}@font-face{font-display:swap;font-family:OpenSans;font-weight:700;src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Bold.eot);src:url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Bold.woff2) format("woff2"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Bold.woff) format("woff"),url(//alifd.alicdn.com/fonts/open-sans/OpenSans-Bold.ttf) format("truetype")}html{font-size:100%}

@font-face{font-family:'Crimson';src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-roman-webfont.eot?2509380894540759310");src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-roman-webfont.eot?%23iefix&2509380894540759310") format("embedded-opentype"),url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-roman-webfont.woff?2509380894540759310") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'Crimson';src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-italic-webfont.eot?2509380894540759310");src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-italic-webfont.eot?%23iefix&2509380894540759310") format("embedded-opentype"),url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-italic-webfont.woff?2509380894540759310") format("woff");font-weight:normal;font-style:italic}@font-face{font-family:'Crimson';src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-bold-webfont.eot?2509380894540759310");src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-bold-webfont.eot?%23iefix&2509380894540759310") format("embedded-opentype"),url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-bold-webfont.woff?2509380894540759310") format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Crimson';src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-bolditalic-webfont.eot?2509380894540759310");src:url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-bolditalic-webfont.eot?%23iefix&2509380894540759310") format("embedded-opentype"),url("//cdn.shopify.com/s/files/1/0278/0507/t/11/assets/crimson-bolditalic-webfont.woff?2509380894540759310") format("woff");font-weight:700;font-style:italic}
@font-face{font-display:swap;font-family:"Source Sans Pro";font-weight:400;src:url("../fonts/sourcesanspro-rypo.ttf") format("truetype")}
@font-face{font-family:'theme-icons';src:url("//cdn.shopify.com/s/files/1/1267/1661/t/10/assets/theme-icons.eot?16250021444493776615");src:url("//cdn.shopify.com/s/files/1/1267/1661/t/10/assets/theme-icons.eot?#iefix16250021444493776615") format("embedded-opentype"),url("//cdn.shopify.com/s/files/1/1267/1661/t/10/assets/theme-icons.woff?16250021444493776615") format("woff"),url("//cdn.shopify.com/s/files/1/1267/1661/t/10/assets/theme-icons.ttf?16250021444493776615") format("truetype"),url("//cdn.shopify.com/s/files/1/1267/1661/t/10/assets/theme-icons.svg?16250021444493776615#theme-icons") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'theme-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:relative;width:1.28571429em;line-height:1.28571429em;text-align:center;letter-spacing:0}[class^="icon-"] span,[class*=" icon-"] span{display:none}

html {
	text-align: center;
	font-family:'Source Sans Pro','Roboto','OpenSans';
}
body {
	width: 100%;
	text-align: left;
	margin: 0 auto;
	background: #fff;
	font-family:'Source Sans Pro','Roboto','OpenSans';
	font-size:16px
}
.bodywidth {
	width: 1200px;
	font-family:'Source Sans Pro','Roboto','OpenSans';
	margin:auto

}
td {
	font: 16px/1.5 Verdana;
	font-family:'Source Sans Pro','Roboto','OpenSans';
	color: #333;
}
input {font-family:'Source Sans Pro','Roboto','OpenSans'; }
.ziti1 {font-family:"Crimson"}
.ziti2 {font-family:"theme-icons"}
.ziti3 {font-family:"Open Sans"}
.ziti4 {font-family:"Roboto Condensed"}
.ziti5 {font-family:"Roboto"}
.ziti6 {font-family:"Montserrat"}
.ziti7 {font-family: 'Space Mono', monospace}
.ziti8 { font-family: 'Trispace', sans-serif}
.ziti9 { font-family: 'Zen Antique Soft', serif}
.font14{ font-size:16px}
.font15{ font-size:17px}
.font16{ font-size:18px}
.font17{ font-size:19px}
.font18{ font-size:20px}
.font19{ font-size:21px}
.font20{ font-size:22px}
.font22{ font-size:24px}
img {
	border: none;
}
p,ul,ol,li,form {
	margin: 0;
	padding: 0;
	list-style: none;
}
a {
	text-decoration: none;
	outline: none;
	color: #333333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.login-container,
.user-container {
  background: #f5f5f5 url(../img/bg.jpg) no-repeat center bottom;
}
.login-container .login-adg b,
.user-container .user-content .user-name .user-name-r .iconfont,
.user-container .user-nav h2 i,
.user-table li a,
.user-container .user-nav b,
.user-container .user-content .user-name .user-name-l .user-txt .iconfont,
.user-table table td a,
.user-table .h1 a,
.user-table ol.img li b {
  color: #1a6cee;
}
.user-container .user-content .user-name .user-bt a:after,

.user-table ol.a li.header,
.login-container .login-adg .hd li.on,
.list-pic .title .hd li.on {
  background: #3280fc;
}
.login-container .login-form form .btn,
{
  background-color: #3280fc;
  border-color: #1970fc;
}
.login-container .login-form form .btn:active,
.login-container .login-form form .btn:focus,
.login-container .login-form form .btn:hover,
.user-table input[type="submit"]:active,
.user-table input[type="submit"]:focus,
.user-table input[type="submit"]:hover,
  background-color: #2972e6;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.login-container .register .btn.active,
.login-container .register .btn:active,
.login-container .register .btn:focus,
.login-container .register .btn:hover,
.user-table input[type="button"]:active,
.user-table input[type="button"]:focus,
.user-table input[type="button"]:hover,

.user-table ol.lx li:hover,
.user-table ol.lx li.checked,
.user-table ol.img a:hover {
  color: #353535;
  border-color: #a1a1a1;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.form-control:active,
.form-control:focus,
.form-control:hover,
.user-table input[type="text"]:active,
.user-table input[type="password"]:active,
.user-table input[type="file"] :active,
.user-table select:active,
.user-table textarea:active,
.user-table input[type="text"]:focus,
.user-table input[type="password"]:focus,
.user-table input[type="file"]:focus,
.user-table select:focus,
.user-table textarea:focus,
.user-table input[type="text"]:hover,
.user-table input[type="password"]:hover,
.user-table input[type="file"] :hover,
.user-table select:hover,
.user-table textarea:hover {
  box-shadow: 0px 0px 4px #3280fc !important;
  border: 1px solid #3280fc !important;
}
.user-container .user-nav {
  border-top: 3px solid #07519a;
}


.user-header {
  background: #393d49;
  box-shadow: 0px 0px 4px #78829e;
  color: #fff;
  display:none
}
@media (max-width:767px){
.user-header {
  background: #393d49;
  box-shadow: 0px 0px 4px #78829e;
  color: #fff;
  display: block
}}
/*配置颜色结束*/

.box{width:1200px;margin:0px auto;}.adg{box-shadow:0px 0px 10px rgba(0,0,0,0.2);margin-top:20px;float:left;}.adg img{width:100%;float:left;}.user-header{width:100%;height:70px;float:left;position:relative;z-index:2;}.user-header .fl a{height:70px;padding:15px 0px;float:left; color:#fff;font-weight:bold; font-size:22px}
.user-header .fl img{height:40px;float:left;}
.user-header .fl a:after{content:"";height:30px;width:1px;float:left;background:#fff;border-right:1px solid #000;margin:5px 20px;opacity:0.15;}
.user-header .fl b{font-size:21px;color:#fff;line-height:70px;font-weight:normal;}

.user-header .fr a{float:left;color:#fff;padding:18px 10px;transition:all 0.3s;}
.user-header .fr i{width:100%;float:left;text-align:center;font-size:17px;}
.user-header .fr strong{width:100%;float:left;text-align:center;font-size:15px;opacity:0.8;margin-top:1px;}
.user-header .fr a:hover{background:rgba(255,255,255,0.1);}
.user-header .fr b{float:left;color:#fff;padding:25px;transition:all 0.3s;background:rgba(255,255,255,0.1);display:none;}
.user-header .fr b i{font-size:12px;}
.login-container{width:100%;position:relative;z-index:1;float:left;padding:80px 0px 100px 0px;}.login-container .login-box{width:1000px;margin:0px auto;}.login-container .login-adg{float:left;width:635px;height:100%;background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.2);text-align:center;position:relative;letter-spacing:2px;}.login-container .login-adg .hd{width:100%;float:left;text-align:center;position: absolute;bottom: 10px;}.login-container .login-adg .hd li{background:#fff;width:10px;height:10px;display:inline-block;border-radius:100%;overflow:hidden;margin:0px 5px;cursor:pointer;}.login-container .login-adg .bd li{height:100%;overflow:hidden;}.login-container .login-form{width:350px;float:right;box-shadow:0px 0px 10px rgba(0,0,0,0.2);background:#fff;border-radius:3px;border:1px solid #ddd;overflow:hidden;}.login-container .login-form .nav-tabs{padding:10px 10px 0px 10px;background:#eee;border-bottom:1px solid #ddd;float:left;width:100%;}.login-container .login-form .nav-tabs li{font-size:15px;display:block;padding:9px 15px;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;border-radius:4px 4px 0 0;margin-bottom:-1px;color:#000;text-align:center;float:left;}.login-container .login-form .tab-content{padding:0px 25px 15px 25px;float:left;width:100%;}.login-container .login-form label{width:30px;height:36px;line-height:36px;text-align:center;position:absolute;top:1px;z-index:5;opacity:.5;}

.login-container .login-form .iconfont{font-size:15px;}.login-container .login-form .input-control{position:relative;}.login-container .login-form .form-control{width:100%;height:36px;padding:5px 8px;font-size:14px;color:#222;vertical-align:middle;background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);margin-top:15px;padding-left:35px;display:block;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s;}.login-container .login-form .input-control span{position:absolute;right:10px;top:0px;}.login-container .login-form .input-control span a{height:36px;line-height:36px;color:#444;font-size:14px;}.login-container .login-form .input-control span img{border-radius:3px;position:relative;top:8px;}.login-container .login-form form .btn{width:100%;display:block;margin-top:15px;height:40px;cursor:pointer;font-size:16px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.2);transition:all 0.3s;border-style:solid;border-width:1px;}.login-container .login-form .hezuo{width:100%;margin-top:15px;float:left;}.login-container .login-form .hezuo h4{margin:0px;font-size:14px;color:#999;font-weight:normal;text-align:center;}.login-container .login-form .hezuo h4 b{background:#fff;position:relative;z-index:2;padding:0px 15px;font-weight:normal;}.login-container .login-form .hezuo h4:before{content:"";width:100%;height:1px;float:left;position:relative;top:8px;z-index:1;background:#ddd;}.login-container .login-form .hezuo p{width:100%;margin:15px 0px 0px 0px;float:left;text-align:center;}.login-container .login-form .hezuo p a{width:20px;height:20px;display:inline-block;margin-right:5px;overflow:hidden;text-indent:-999px;}.login-container .login-form .hezuo p a.qq{background:url(../img/log_icon.png) no-repeat left top;}.login-container .login-form .hezuo p a.wx{background:url(../img/log_icon.png) no-repeat -60px top;}.login-container .login-form .hezuo p a.wb{background:url(../img/log_icon.png) no-repeat -30px top;}.login-container .login-form .hezuo p a.zfb{background:url(../img/log_icon.png) no-repeat -90px top;}.login-container .center{float:none;margin:0px auto;}.login-container .register{width:100%;float:left;background:#f5f5f5;padding:15px 0px;text-align:center;}.login-container .register p{font-size:14px;color:#444;margin-bottom:5px;}.login-container .register .btn{padding:5px 12px;border:1px solid #bfbfbf;font-size:12px;color:#353535;text-shadow:0 1px 0 #fff;background:#fff;cursor:pointer;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1);}.user-container{width:100%;position:relative;z-index:1;float:left;padding:20px 0px;background-attachment:fixed;}.user-container .breadcrumb{margin-bottom:10px;padding:0px;}

.user-container .user-box{width:1200px;margin:0px auto;}
.user-container .user-nav{width:250px;background:#fff;padding:5px 20px 20px 20px;display:inline-block;box-shadow:0px 0px 3px rgba(0,0,0,0.2);box-sizing:border-box}
.user-container .user-nav ul,.user-container .user-nav h2{margin:0px;padding:0px;}
.user-container .user-nav h2{font-size:16px;color:#222;font-weight:normal;cursor:pointer;}
.user-container .user-nav h2 i{font-size:16px;}.user-container .user-nav h2 a{font-size:16px;color:#222;}
.user-container .user-nav li{border-bottom:1px solid #f1f1f1;padding:15px 0px;}
.user-container .user-nav li:last-child{border-bottom:0px;padding-bottom:0px;}
.user-container .user-nav ol{padding:0px;margin-top:10px;}
.user-container .user-nav ol li{width:100%;border:0px;padding:0px;margin:5px 0px;position:relative;}
.user-container .user-nav ol a{font-size:15px;color:#666;width:100%;display:inline-block;padding:5px 0px 5px 4px;transition:all 0.3s;}
.user-container .user-nav ol a:hover,.user-container .user-nav ol a.hover{border-radius:3px;}
.user-container .user-nav ol li.add:hover,
.user-container .user-nav ol li.add.hover,.user-container .user-nav ol a:hover{ background:#2076ca; box-shadow: 0px 0px 2px #78829e;color: #fff;}

.user-container .user-nav  li a{ font-size:15px}
.user-container .user-nav  li a:hover{ font-size:15px; color:#07519a}
.user-container .user-nav ol li.add{position:relative;}
.user-container .user-nav ol li.add a{width:auto;}
.user-container .user-nav ol li.add a:hover{background:none;box-shadow:none;}
.user-container .user-nav ol li.add a.bt{padding:5px;position:absolute;right:1px;width:auto;top:0px;color:#999;}.user-container .user-nav ol li:hover,.user-container .user-nav ol li.hover{border-radius:3px;}.user-container .user-nav ol li:hover a,.user-container .user-nav ol li.hover a{color:#fff;}.user-container .user-nav b{width:100%;float:left;text-align:center;border:1px solid #eee;padding:10px;font-size:14px;display:none;}

.user-container .esc ol{display:none;}

.user-container .user-content{width:930px;float:right;}
.user-container .user-content .user-name{width:100%;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);float:left;}.user-container .user-content .user-name .user-name-l{width:600px;height:150px;overflow:hidden;padding:20px;float:left;}.user-container .user-content .user-name .user-name-l .user-pic{float:left;width:110px;height:110px;background:#f1f1f1;text-align:center;position:relative;overflow:hidden;}.user-container .user-content .user-name .user-name-l .user-pic img{vertical-align:middle;width:100%;height:100%;}.user-container .user-content .user-name .user-name-l .user-txt{float:left;margin-left:20px;padding-top:3px;width:400px;}.user-container .user-content .user-name .user-name-l .user-txt p{width:100%;height:16px;font-size:13px;color:#666;margin-bottom:12px;position:relative;letter-spacing:1px;}.user-container .user-content .user-name .user-name-l .user-txt p:last-child{margin-bottom:0px;}.user-container .user-content .user-name .user-name-l .user-txt strong{font-size:14px;font-weight:normal;color:#222;padding-left:22px;letter-spacing:0px;}

.user-container .user-content .user-name .user-name-l .user-txt .iconfont{font-size:20px;position:absolute;top:-2px;}
.user-container .user-content .user-name .user-name-l .user-txt img{position:relative;top:2px;}

.user-container .user-content .user-name .user-name-r{width:285px;height:150px;overflow:hidden;float:right;}
.user-container .user-content .user-name .user-name-r a{display:block;float:left;text-align:center;color:#666;font-size:13px;border:1px solid #f7f7f7;border-radius:3px;padding:9px;margin:10px 10px 0px 0px;transition:all 0.3s; width:128px}
.user-container .user-content .user-name .user-name-r a:hover{background:#f1f1f1;}
.user-container .user-content .user-name .user-name-r .iconfont{width:100%;display:block;font-size:20px;margin-right:3px;}

.user-container .user-content .user-name .user-bt{width:100%;float:left;border-top:1px solid #f1f1f1;background:#fbfbfb;}
.user-container .user-content .user-name .user-bt a{width:20%;padding:14px 10px;border-right:1px solid #eee;float:left;text-align:center;font-size:14px;color:#666;transition:all 0.3s;position:relative;}
.user-container .user-content .user-name .user-bt a:last-child{border-right:0px;}
.user-container .user-content .user-name .user-bt i{margin-right:3px;}
.user-container .user-content .user-name .user-bt a:after{content:"";width:0%;height:1px;position:absolute;bottom:0px;left:0px;transition:all 0.3s;}
.user-container .user-content .user-name .user-bt a:hover:after{width:100%;}

.user-container .userheada { width:100%;float:right;}
.user-container .userheada .user-name{width:100%;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);float:left;}.user-container .userheada .user-name .user-name-l{width:600px;height:150px;overflow:hidden;padding:20px;float:left;}.user-container .userheada .user-name .user-name-l .user-pic{float:left;width:110px;height:110px;background:#f1f1f1;text-align:center;position:relative;overflow:hidden;}.user-container .userheada .user-name .user-name-l .user-pic img{vertical-align:middle;width:100%;height:100%;}.user-container .userheada .user-name .user-name-l .user-txt{float:left;margin-left:20px;padding-top:3px;width:400px;}.user-container .userheada .user-name .user-name-l .user-txt p{width:100%;height:16px;font-size:13px;color:#666;margin-bottom:12px;position:relative;letter-spacing:1px;}.user-container .userheada .user-name .user-name-l .user-txt p:last-child{margin-bottom:0px;}.user-container .userheada .user-name .user-name-l .user-txt strong{font-size:14px;font-weight:normal;color:#222;padding-left:22px;letter-spacing:0px;}

.user-container .userheada .user-name .user-name-l .user-txt .iconfont{font-size:20px;position:absolute;top:-2px;}
.user-container .userheada .user-name .user-name-l .user-txt img{position:relative;top:2px;}
@media (max-width: 767px) {
.user-container .userheada .user-name{width:100%;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);float:left;}.user-container .userheada .user-name .user-name-l{width:370px;height:150px;overflow:hidden;padding:20px 10px 20px 10px;float:left;}.user-container .userheada .user-name .user-name-l .user-pic{float:left;width:110px;height:110px;background:#f1f1f1;text-align:center;position:relative;overflow:hidden;}.user-container .userheada .user-name .user-name-l .user-pic img{vertical-align:middle;width:100%;height:100%;}.user-container .userheada .user-name .user-name-l .user-txt{float:left;margin-left:10px;padding-top:3px;width:230px;}.user-container .userheada .user-name .user-name-l .user-txt p{    width: 100%;
    font-size: 13px;
    color: #666;
    margin-bottom: 4px;
    position: static; 
    letter-spacing: 1px;
    line-height:20px; 
    display: block; 
    overflow: visible; 
    word-wrap: break-word;
    white-space: normal;
    height: auto;
    min-height: auto;}
.user-container .userheada .user-name .user-name-l .user-txt p i {
position:relative; margin-top:30px
}.user-container .userheada .user-name .user-name-l .user-txt p:last-child{margin-bottom:0px;}.user-container .userheada .user-name .user-name-l .user-txt strong{font-size:14px;font-weight:normal;color:#222;padding-left:22px;letter-spacing:0px;}

.user-container .user-nav h2{font-size:16px;color:#222;font-weight:bold;cursor:pointer;}
}

.list-txt{width:100%;float:left;margin-top:20px;}
.list-txt .title{width:100%;float:left;height:40px;line-height:40px;background:#fbfbfb;}
.list-txt .title h2{float:left;margin-left:15px;font-size:14px;color:#222;}
.list-txt .fl{width:450px;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.list-txt .fl i{float:left;font-size:16px;position:relative;top:11px;color:#ccc;}
.list-txt .fl a{font-size:15px;color:#666;float:left;width:300px;margin-left:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-txt .fl span{float:right;font-size:13px;color:#999;}

.list-txt .fr{width:450px;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.list-txt .fr i{float:left;font-size:16px;position:relative;top:11px;color:#ccc;}
.list-txt .fr a{font-size:15px;color:#666;float:left;width:300px;margin-left:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-txt .fr span{float:right;font-size:13px;color:#999;}
.list-txt ul{padding:0px 10px;}
.list-txt li{width:100%;float:left;border-bottom:1px #e6e6e6 dotted;line-height:40px;padding:0px 5px;}
.list-txt li:last-child{border-bottom:0px;}
.list-txt a:hover{text-decoration:underline;}

.list-user{width:100%;float:left;margin-top:20px;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);}.list-user .title{width:100%;float:left;height:40px;line-height:40px;background:#fbfbfb;}.list-user .title h2{float:left;margin-left:15px;font-size:14px;color:#222;}.list-user .title a{float:right;font-size:13px;color:#999;padding-right:10px;}.list-user ul{width:100%;padding:10px 0px 10px 10px;float:left;}.list-user li{float:left;width:10%;}.list-user li a{padding-right:10px;float:left;width:100%;}.list-user li img{width:100%;height:67px;float:left;}.list-user li strong{width:100%;float:left;font-size:13px;text-align:center;color:#666;margin-top:5px;word-wrap:break-word;}

.list-pic{width:100%;float:left;margin-top:20px;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.list-pic .title{width:100%;float:left;height:40px;line-height:40px;background:#fbfbfb;}
.list-pic .title h2{float:left;margin-left:15px;font-size:15px;color:#222;}
.list-pic .title .hd{float:right;}.list-pic .title .hd ul{margin: 0px 15px;position: relative;top: 15px;height: 10px;line-height: 10px;}.list-pic .title .hd li{background:#dcdcdc;width:10px;height:10px;display:inline-block;border-radius:100%;overflow:hidden;margin-left:5px;cursor:pointer; text-indent:-9999px;}.list-pic .bd{padding:0px 5px;}.list-pic .bd ul{padding:10px 0px !important;}.list-pic .bd li{float:left;width:20%;}.list-pic .bd li a{padding:0px 5px;float:left;width:100%;}
.list-pic .bd li img{width:100%;height:160px;float:left;}
.list-pic .bd li strong{width:100%;float:left;font-size:14px;text-align:center;color:#666;margin-top:5px;word-wrap:break-word;}

.user-footer{width:100%;float:left;padding:20px 0px;line-height:30px;text-align:center;font-size:13px;color:#999;border-top:1px solid #cacaca;}
.user-footer a{font-size:14px;color:#666;}
.userfoot {line-height:26px;color:#666; font-size:15px}
.user-footer .img img{margin-right:5px;display:inline-block;margin-top:10px;}.fixed .user-header{position:fixed;top:0px;z-index:3;}.fixed .user-container{margin-top:70px;}.user-table{width:100%;background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.2);float:left;}

.user-table .h1{width:100%;float:left;border-bottom:1px solid #eee;height:50px;line-height:50px;background:#fbfbfb;padding:0px 15px;text-align:left;font-size:17px;color:#333;}
.user-table .h1 a{float:right;font-size:14px;margin-left:10px;}
.user-table .h1 select,.user-table .h1 input[type="submit"],.user-table .h1 input[type="text"],.user-table .h1 input[type="reset"],.user-table .h1 input[type="button"]{height:28px;padding:2px 10px;}
.user-table .h1 form,.user-table .h1 .fr{color:#999;font-size:16px;}
.user-table .h2{background:#f9f9f9;color:#666;font-size:12px;line-height:20px;}
.user-table .h3{border-top:1px solid #eee;background:#fbfbfb;}
.user-table ol.lx{width:100%;padding:0px 15px;float:left;}
.user-table ol.lx li{width:100%;float:left;padding:10px 20px;border:1px solid #F1F1F1;margin-top:15px;font-size:14px;cursor:pointer;}.user-table ol.a{width:100%;padding:0px 15px;margin-top:10px;float:left;}.user-table ol.a li{float:left;width:auto;padding:5px 15px;border:1px solid #F1F1F1;line-height:25px;font-size:14px;}
.user-table ol.a li.header a{color:#fff;font-size:14px;}.user-table ol.img{width:100%;padding:0px 7.5px;float:left;}

.user-table ol.img li{float:left;width:25%;text-align:center;margin-top:15px;}
.user-table ol.img a{float:left;margin:0px 7.5px;padding-top:7.5px;font-size:12px;border:1px solid #eee;color:#353535;text-shadow:0 1px 0 #fff;background:#fff;cursor:pointer;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1);}.user-table ol.img span{width:100%;font-size:12px;color:#666;text-align:center;margin:10px 0px;float:left;}.user-table ol.img b{width:100%;float:left;border-top:1px solid #eee;background:#fbfbfb;line-height:25px;}.user-table ol.img li.h3{width:100%;}

.user-table  table{padding:15px;font-size:12px;color:#666;border-collapse:inherit;background:no-repeat;}
.user-table   table td{padding:10px;vertical-align:middle;}


.user-table .cc table{padding:3px 15px;font-size:12px;color:#666;border-collapse:inherit;background:no-repeat;}
.user-table .cc  table td{padding:6px 12px;vertical-align:middle;}
.user-table .cc table img { max-height:80px; margin-top:2px;}
.user-table .cc table img[src=""],
img:not([src]) {
  opacity:0; 
}

@media (max-width:767px){
.user-table .cc  table td{padding:6px 3px;vertical-align:middle;}
}
.user-table table .titleinput1 input[type="text"] {width: 207px;  } 
.user-table table .titleinput2 input[type="text"] {width: 248px;} 
.user-table table .titleinput2 select {width: 168px;} 

.user-table table .titleinput5 input[type="text"] {width: 204px; margin-right:10px} 

.user-table table .titleinput3 input[type="text"] {width: 148px;} 
.user-table table .titleinput3 select {width: 68px;} 

@media (max-width:767px){
.user-table table .titleinput1 input[type="text"] {width: 49%;  } 
.user-table table .titleinput2 input[type="text"] {width: 100%; margin-top:6px; margin-bottom:6px} 
.user-table table .titleinput2 select {width: 100%;} 
.user-table table .titleinput5 input[type="text"] {width: 100%;margin-top:5px; margin-bottom:2px ; margin-right:0px} 
}
.user-table table .user-table table select,.user-table table input[type="password"],.user-table table input[type="text"]{height:42px;padding:5px 10px; font-size:16px; border-radius: 4px;width:420px}
#StartYear  { width:166px}
#StartYear::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#endyear  { width:166px}
#endyear::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#StartYear2  { width:166px}
#StartYear2::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#endyear2  { width:166px}
#endyear2::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#Supervisor{ width:270px}
#Supervisor2{ width:270px}
#Supervisor3{ width:270px}
#Supervisor4{ width:270px}

#StartYear3  { width:166px}
#StartYear3::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#endyear3  { width:166px}
#endyear3::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}

#StartYear4  { width:166px}
#StartYear4::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#endyear4  { width:166px}
#endyear4::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}

@media (max-width:767px){
#StartYear  { width:160px;margin-bottom:6px}
#StartYear::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#endyear  { width:160px}
#endyear::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#StartYear2  { width:160px;margin-bottom:6px}
#StartYear2::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#endyear2  { width:160px}
#endyear2::placeholder {  
  color: #ccc; 
  font-size: 14px;  
}
#Supervisor{ width:100%; margin-bottom:4px}
#Supervisor2{ width:100%; margin-bottom:4px}
.qzhh {  
    word-break: break-all;  
  }  
}
.user-table table select {height:42px;padding:5px 10px; font-size:16px; border-radius: 4px;width:420px;border:1px solid #ccc;color:#444}

.user-table table table,.user-table table table table{background:none;padding:0px;}.user-table table table td,.user-table table table table td{padding:0px;border:0px !important;}.user-table table.no td{border:0px !important;}.user-table .yes{padding:0px;}.user-table .yes td{padding:8px;border-bottom:1px solid #e4e4e4 !important;vertical-align:middle;}.user-table .yes td:first-child{border-left:0px !important;}.user-table .yes td:last-child{border-right:0px !important;}

.user-table .yes table table td{padding:0px;border:0px !important;}
.user-table table.nt{padding-top:0px;}
.user-table table.nb{padding-bottom:0px;}
.user-table .nc{float:left;width:100%;}.user-table .nc table{padding-top:0px;padding-bottom:0px;}
.user-table .nf{margin-top:-1px;}
.user-table .p{padding:0px 15px;}.user-table .p table{padding:0px;}
.user-table .p .cke_chrome{float:left;box-sizing:border-box;box-shadow:none;}
.user-table .pic{width:110px;height:110px;margin-top:10px;border:1px solid #ddd;border-radius:3px;padding:2px;}.user-table .pic img{width:100%;height:100%;}.user-table img[name="regKeyImg"],.user-table img[name="getpasswordKeyImg"],.user-table a[title="点击显示验证码"]{margin-left:10px;border-radius:3px;}

.user-table input[type="submit"]{ padding:8px 16px; background:#2076ca; color:#fff;border-radius: 4px; cursor:pointer;text-shadow:0 -1px 0 rgba(0,0,0,0.2);transition:all 0.3s;border-style:solid;border-width:1px; margin-bottom:20px}

.user-table input[type="button"]{  padding:8px 16px; background:#fff; color:#333; border:#bfbfbf 1px solid;border-radius: 4px; cursor:pointer;text-shadow:0 -1px 0 rgba(0,0,0,0.2);transition:all 0.3s;border-style:solid;border-width:1px;}

.user-table input[type="text"],.user-table input[type="password"]{padding:5px;font-size:16px;height:30px;color:#444;background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s;}

.user-table textarea{padding:8px;font-size:16px;height:auto;float:left;color:#666;background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s; width:650px; border-radius: 4px;}

.user-table input[type="file"]{ padding:5px 16px; color:#666;border-radius: 4px; cursor:pointer;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s; width:420px }

.logindl{color:#fff; background:#2076ca; font-size:20px; width:365px; height:45px;  border-radius: 4px; line-height:34px; border:#2076ca 1px solid;cursor:pointer;}
.logindl2 {color:#fff; background:#1667b7; font-size:20px; width:365px; height:45px;  border-radius: 4px; line-height:34px; border:#1667b7 1px solid;cursor:pointer; }

.loginfl{color:#fff; background:#2076ca; font-size:20px; width:200px; height:45px;  border-radius: 4px; line-height:34px; border:#2076ca 1px solid;cursor:pointer;}
.loginfl2 {color:#fff; background:#1667b7; font-size:20px; width:200px; height:45px;  border-radius: 4px; line-height:34px; border:#1667b7 1px solid;cursor:pointer; }

.logingl{color:#fff; background:#2076ca; font-size:20px; width:150px; height:43px;  border-radius: 4px; line-height:28px; border:#2076ca 1px solid;cursor:pointer; margin-left:30px}
.logingl2 {color:#fff; background:#1667b7; font-size:20px; width:150px; height:43px;  border-radius: 4px; line-height:28px; border:#1667b7 1px solid;cursor:pointer; margin-left:30px}

.loginrl {color:#333; background:#fff; font-size:20px; width:150px; height:43px;  border-radius: 4px; line-height:32px; border:#999 1px solid;cursor:pointer; margin-left:30px}
.loginrl2{color:#1667b7; background:#fff; font-size:20px; width:150px; height:43px;  border-radius: 4px; line-height:32px; border:#999 1px solid;cursor:pointer; margin-left:30px}

.layui-btn{display:inline-block;height:34px;line-height:34px;padding:0 18px; margin-left:3px;margin-top:-4px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;border:none;border-radius:2px;cursor:pointer;opacity:1;filter:alpha(opacity=100)}

.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn1{display:inline-block;height:34px;line-height:34px;padding:0 18px; margin-left:3px;margin-top:-4px;background-color:#bbb;color:#fff;white-space:nowrap;text-align:center;border:none;border-radius:2px;opacity:1;filter:alpha(opacity=100)}
.layui-btn1:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}
.layui-btn-mini{height:28px;line-height:28px;padding:0 9px 0 6px;font-size:13px}.layui-btn-mini i{font-size:15px!important}
.layui-btn-normal{background-color:#1E9FFF}
.layui-btn-norma2{background-color:#FF8000}
.layui-btn-norma3{background-color:#999}
.marginlayui{ margin-top:4px}
@media (max-width:767px){
.loginrl { display:none}
.user-header .fr b i{font-size:24px;}
.marginlayui{ margin-top:4px}
.timefont{ font-size:12px}
.layui-btn-mini{height:26px;line-height:26px;padding:0 6px 0 4px;font-size:12px}
.layui-btn-mini i{font-size:13px!important}
}
@media screen and (min-width:640px) and (max-width:1000px){.login-container .login-box,.box,.user-container .user-box{width:100%;padding:0px 20px;}.user-header{position:fixed;top:0px;z-index:3;}.user-header .fr{position:absolute;right:0px;}.user-header .fr a.a{display:none;}
.user-header .fr b{display:block;}

.login-container{margin-top:70px;}.login-container .login-adg{display:none;}.login-container .login-form{float:none;margin:0px auto;}.user-container{margin-top:70px;}.user-container .user-nav{position:fixed;z-index:9;width:100%;top:60px;bottom:0px;left:0px;overflow-y:auto;display:none;}

.user-container .user-nav li{width:50%;height:200px;float:left;padding-bottom:0px;}
.user-container .user-nav li:nth-child(odd){border-right:1px solid #f1f1f1;padding-right:15px;}

.user-container .user-nav li:nth-child(even){padding-left:15px;}
.user-container .user-nav li:nth-child(1){padding-top:15px;}
.user-container .user-nav li:nth-last-child(2){border-bottom:0px;padding-bottom:0px;}
.user-container .user-nav ol li{height:auto;float:left;width:50%;border:0px !important;padding:0px !important;margin-bottom:10px;}
.user-container .user-nav ol li a{padding:10px 12px;border:1px solid #FBFBFB;text-align:center;}
.user-container .user-nav ol li.add{border:1px solid #FBFBFB !important;}
.user-container .user-nav ol li.add a{border:0px;}.user-container .user-nav ol li.add .bt{padding:10px !important;}.user-container .user-nav b{display:block;}
.user-container .user-content{width:100%;}.user-container .user-content .user-name .user-name-l{width:570px;}.user-container .list-txt .fl{width:447px;}.user-container .list-txt .fl a{width:300px;}}

.membertd{ width:22%; padding-right:0px}
.membertd1{ width:22%; padding-right:0px; display:none}
.membertablepa{ padding:10px}
@media only screen and (max-width:767px){.login-container .login-box,.box,.user-container .user-box{width:100%;padding:0px 10px;}.user-header{position:fixed;top:0px;z-index:3;}.user-header .fl a:after{display:none;}.user-header .fl b{display:none;}.user-header .fr{position:absolute;right:0px;}.user-header .fr a{display:none;}.user-header .fr b,.user-header .fr .b{display:block;}.login-container{margin-top:70px;padding:50px 0px 60px 0px;background-size:contain;}.login-container .login-adg{display:none;}.login-container .login-form{float:none;margin:0px auto;}.user-container{margin-top:0px;padding:20px 0px 10px 0px;}

.user-container .user-nav{position:fixed;z-index:9;padding:5px 10px 20px 10px;width:100%;top:60px;bottom:0px;left:0px;overflow-y:auto;display:none;}

.user-container .user-nav li{width:100%;float:left;padding-bottom:0px;border-bottom:1px solid #fff;}
.user-container .user-nav ol li{height:auto;float:left;width:50%;border:0px !important;padding:0px !important;margin-bottom:4px;}
.user-container .user-nav ol li a{padding:8px 0px 8px 0px;border:1px solid #eee;text-align:left;}
.user-container .user-nav ol li.add{border:1px solid #eee !important; width:50%}
.user-container .user-nav ol li.add a{border:0px;}
.user-container .user-nav ol li.add .bt{padding:10px !important;}
.user-container .user-nav b{display:block; font-size:18px; background:#393d49; color:#fff}
.user-container .esc ol{display:block !important;}.user-container .user-content{width:100%;}.user-container .user-content .user-name .user-name-l{padding:10px;width:100%;height:auto;position:relative;}.user-container .user-content .user-name .user-name-l .user-pic{width:90px;height:90px;position:absolute;left:10px;top:10px;}.user-container .user-content .user-name .user-name-l .user-txt{width:100%;margin-left:110px;}.user-container .user-content .user-name .user-name-l .user-txt p{letter-spacing:0px;margin-bottom:7px;}.user-container .user-content .user-name .user-name-r{padding:0px 0px 10px 10px;width:100%;height:auto;}
.user-container .user-content .user-name .user-name-r a{width:22.4%;margin-top:0px;}.user-container .user-content .user-name .user-name-r a:last-child{margin-right:0px;}
.user-container .user-content .user-name .user-bt a{width:33.333%;border-bottom:1px solid #eee; height:60px}
.user-container .user-content .user-name .user-bt  .b{ display:none}
.user-container .user-content .list-pic li img{height:60px;}.user-container .user-content .list-pic li strong{display:none;}.user-container .user-content .list-user li img{height:60px;}.user-container .adg,.user-container .list-user,.user-container .list-txt,.user-container .list-txt .fr{margin-top:15px;}.user-container .list-txt .fl,.user-container .list-txt .fr{width:100%;}.user-container .list-txt .fl a,.user-container .list-txt .fr a{width:65%;}.user-container .list-user li{width:20%;}.user-table .h1{padding:0px 10px;}

.user-table .h1 input[type="reset"],.user-table .h1 input[type="button"]{ padding:0px 10px}
.user-table .h1 input[type="text"]{width:130px;}
.user-table .h1 input[type="submit"]{}
.user-table .h1 select{ margin-top:10px; background:#fff; border-radius:4px}
.user-table .h1 a{margin-left:5px;}
.user-table table{width:100%;padding:7px;}

.user-table table tr td:first-child{width:80px;}.user-table table input,.user-table table textarea{width:100%;}.user-table table input[type="submit"],.user-table table input[type="button"],.user-table table input[type="checkbox"],.user-table table input[type="image"]{width:auto;}.user-table .p{padding:0px 7px;}.user-table ol.a{padding:0px 7px;}.user-table ol.img{padding:0px 3.5px;}.user-table ol.img li{margin-top:7px;width:50%;}.user-table ol.img a{margin:0px 3.5px;}.user-footer a{font-size:14px;}.user-footer .img img{width:20%;}

.user-table   table td{padding:6px;vertical-align:middle;}
.user-table table .user-table table select,.user-table table input[type="password"],.user-table table input[type="text"]{height:42px;padding:5px 10px; font-size:14px; border-radius: 4px;width:100%}





.user-table table select {height:42px;padding:5px 7px; font-size:14px; border-radius: 4px;width:100%;border:1px solid #ccc;color:#444; background:#fff}

.user-table input[type="submit"]{ padding:6px 10px; background:#2076ca; color:#fff;border-radius: 4px; cursor:pointer;text-shadow:0 -1px 0 rgba(0,0,0,0.2);transition:all 0.3s;border-style:solid;border-width:1px; margin-bottom:20px}
.user-table table input .favainput{height:42px;padding:5px 10px; font-size:16px; border-radius: 4px;width:100px}

.user-table input[type="button"]{  padding:6px 8px; background:#fff; color:#333; border:#bfbfbf 1px solid;border-radius: 4px; cursor:pointer;text-shadow:0 -1px 0 rgba(0,0,0,0.2);transition:all 0.3s;border-style:solid;border-width:1px;}
.user-table input[type="text"],.user-table input[type="password"]{padding:5px;font-size:14px;height:30px;color:#444;background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s;}
.user-table textarea{padding:8px;font-size:14px;height:auto;float:left;color:#666;background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s; width:650px; border-radius: 4px;}
.user-table input[type="file"]{ padding:5px 16px; color:#666;border-radius: 4px; cursor:pointer;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s,-webkit-box-shadow ease-in-out 0.15s;transition:all 0.3s; width:100% }
.membertd{ width:11%; padding-right:0px; font-size:14px; }
.membertablepa{ padding:0px;}
.membertablepa td{ font-size:14px; word-break: normal; white-space: normal }
.user-table table input[type="radio"]{ width:18px; height:18px; background:#fff;}
.userfoot {line-height:24px;color:#666; font-size:14px}

}

.favasapn {font-size:16px; color:#888}
.favatd1{ width:56%}
.favatd2{ width:34%}
.saytime{ display:none}
.sdfaa{ width:20%}
.sdfaadel{ width:10%}
.friendsel{width:100%; height:150px;}
.user-table table .addpost select  {width:360px; height:300px; font-size:15px !important;  line-height: 50px;}
.user-table table .addforum select  {width:360px; height:150px; font-size:15px !important; line-height: 50px;}

@media (min-width:768px){
.comadd{ display:none}
}
@media (max-width:767px){
.favasapn {font-size:16px; color:#888; display:none}
.favatd1{ width:46%}
.favatd2{ width:44%}
.mobnoadd{ display:none}
.user-container .user-nav ol li.add  .mobnoadda { display:none}
.saytime{ float:right; color:#888; font-size:14px; display:block}
.sdfaa{ width:0%}
.sdfaadel{ width:20%}
.friendsel{width:95%; height:30px;}
 td.rightfont16 {
        display: block;
        width: 100% !important;
        text-align: left;
    }
td.rightfont16 + td {
        display: block;
        width: 100% !important;
    }

.logindl{color:#fff; background:#2076ca; font-size:20px; height:45px;  border-radius: 4px; line-height:32px; border:#2076ca 1px solid;cursor:pointer;}
.logindl2 {color:#fff; background:#1667b7; font-size:20px; height:45px;  border-radius: 4px; line-height:32px; border:#1667b7 1px solid;cursor:pointer; }
.user-table table .addpost select  {width:98%; height:40px; font-size:17px !important; ; line-height: 50px;}
}


#acplaceholder::placeholder {  
  color: #ccc; 
  font-size: 16px;  
}
 #school::placeholder,#school2::placeholder,#school3::placeholder {  
  color: #ccc; 
  font-size: 16px; 
}
#Profession::placeholder {  
  color: #ccc; 
  font-size: 16px; 
}

#turename::placeholder {  
  color: #ccc; 
  font-size: 16px; 
}

/*Loginmenu*/
.bodywidth {
	width: 1200px;
	font-family:'Source Sans Pro','Roboto','OpenSans';
	margin:auto

}
.minheadwidth {min-width: 1200px;width:100%;background:#393d49; height:60px}
.tophead {  
            display: flex;  
            justify-content: space-between;  
            align-items: center;  
            margin: auto; 
        }  
		

.logo-container {  
            display: flex;  
            justify-content: space-around;  
            align-items: center;  
        
 }
 .outer-container {  
        position: relative; 
        height: 136px;
    } 
	
 .logo {  
            width: 26px;  
            height: 26px;  
		    margin-right:18px;
        }  
		 .logo2 {  
            width: 26px;  
            height: 26px;  
		    margin-right:30px;
        } 
		 .logo1 {  
            width: 28px;  
            height: 28px;  
		    margin-left:38px;
			margin-right:12px
	
        }  
			 .logo11 {  
            width: 28px;  
            height: 28px;  
		    margin-left:18px;
			padding-top:11px
        }  
			
.welcome-text {  
            text-align: left; 
			color:#fff;
			width:890px;
			
        } 
.welcome-text li {  display:inline}
  .toplogo a {  
            font-size: 24px;  
            text-align: left; 
			line-height:60px;
			color:#fff;
			font-weight:bold;
			margin-right:40px
			
			
        } 
 .toplogo a:hover {  
            font-size: 24px;  
            text-align: left; 
			line-height:60px;
			color:#fff;
			font-weight:bold
        } 
 .topmenu  a {  
            font-size: 17px;  
            text-align: left; 
			line-height:54px;
			color:#fff;
			margin-left:44px;
			
        }

 .topmenu a:hover   {  
            font-size: 18px;  
            text-align: left; 
			line-height:54px;
			color:#fff;
			margin-left:44px;
			border-bottom:#fff 2px solid
			
        } 	
.menuabc {  
    background-color: rgba(255, 255, 255, 0.3); padding:5px 10px;border-radius: 2px;
}

.loginjs {margin-left:20px;width:60px; height:60px; background:#07519a; padding-top:15px; }
.loginjs img {margin-left:16px;margin-right:16px}


@media (max-width:767px){
.minheadwidthaa {width:100%; min-width:98%;background:#393d49; height:60px;padding-left:6px }
.topheadaa {  
            display: flex;  
            justify-content: space-between;  
            align-items: center;  
            margin: auto; 
        }
.bodywidth {
	width: 100%;
	font-family:'Source Sans Pro','Roboto','OpenSans';
	margin:auto
}
.prwidth1{ padding-left:2%; padding-right:2%}
.minheadwidth {width:100%; min-width:98%;background:#393d49; height:60px;padding-left:6px; display:none}
.minfootwidth { display:none}
.topmenu a{ display:none}
.welcome-text {  
            text-align: left; 
			color:#fff;
			width:70%;
        } 
.logo-container {  
            display: flex; float:right;
            justify-content: space-around;  
            align-items: center;  
 }
.logo-container .logo,.logo-container .logo2 {display:none}
.loginjs {margin-left:20px;width:60px; height:45px; background:#07519a; padding-top:15px; float:right}
.headfont17 {padding-top:0px;line-height:24px;font-size:17px; padding-left:20px; width:100%; font-weight:normal}
.headlogo {padding-top:8px;line-height:25px;font-size:17px; padding-left:4px; padding-bottom:12px}
.headlogo img { width:110px}
}

.mobheader_3dnav{ display:none}		
.header_3dnav { float:right;display: inline-block; background:#109adf;margin-left:20px;}
.header_3dnav   img { margin-top:15px; margin-left:15px; }
.header_3dnav > ul > li { position: relative; display: inline-block;  overflow:hidden; width:60px; height:60px; float:right; cursor: pointer; background: #07519a;background-size: 30px 30px;background-position: center top 10px;cursor: pointer; padding-right:10px }
.header_3dnav > ul > li > a {font-size: 18px; display: block;  }
.header_3dnav > ul > li > a:hover {  font-size: 18px; display: block;  }	


.header_3dnav > ul > li ul { width: 143px;  background: #ffffff;border-bottom-left-radius: 6px;border-bottom-right-radius: 8px; position: absolute; left: 0; top: 100%; opacity: 0; visibility: hidden;  margin-left: -82px; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);padding: 10px 12px;box-shadow: 1px 3px 11px #ccc; z-index:1111}
.header_3dnav > ul > li ul a { width: 120px;  display: block;  font-size: 15px;line-height:36px; position: relative; color:#333;text-align: center;display: block; padding-left: 0px;border-bottom: 1px solid #eaeaea;transition:color 0.3s,border-color 0.3s,font-size 0.3s;}
.header_3dnav > ul > li ul a::after { content: ''; display: block; width: 10px; height: 5px; overflow: hidden; position: absolute; right: 10px; top: 15px; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.header_3dnav > ul > li ul a:hover { font-size: 15px;color: #0188cc; border-color:#eaeaea;background-position: 0 13px; text-decoration:none}
.header_3dnav > ul > li ul a:hover:after { background-position: 0 0; }
.header_3dnav > ul > li:hover{overflow:unset;  background: #109adf ;background-size: 30px 30px;background-position: center top 15px;}
.header_3dnav > ul > li:hover ul { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0);  }

.mobheader_22dnav{ display: none;  }
@media (max-width:767px){
.mobheader_22dnav{ display: block;  }
.header_3dnav,.loginjs, .loginks{ display:none}
.mobheader_3dnav{ display: block;  }			
.mobheader_3dnav { float:right;display: inline-block; background:#109adf  }
.mobheader_3dnav > ul > li { position: relative; display: inline-block;  overflow:hidden; width:60px; height:48px; float:right; cursor: pointer; background: #07519a    ;background-size: 30px 30px;background-position: center top 15px;cursor: pointer; }
.mobheader_3dnav > ul > li > a {font-size: 18px; display: block;  }
.mobheader_3dnav > ul > li > a:hover {  font-size: 18px; display: block;  }
.mobheader_3dnav > ul > li ul { width: 120px;  background: #ffffff;border-bottom-left-radius: 6px;border-bottom-right-radius: 8px; position: absolute; left: 0; top: 100%; opacity: 0; visibility: hidden;  margin-left: -90px; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);padding: 10px 12px 22px 12px;box-shadow: 1px 3px 11px #ccc; z-index:1111}
.mobheader_3dnav > ul > li ul a { width: 120px;  display: block;  font-size: 16px;line-height:36px; position: relative; color:#333;text-align: center;display: block; padding-left: 0px;border-bottom: 1px solid #eaeaea;transition:color 0.3s,border-color 0.3s,font-size 0.3s;}
.mobheader_3dnav > ul > li ul a::after { content: ''; display: block; width: 10px; height: 5px; overflow: hidden; position: absolute; right: 10px; top: 15px; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; }
.mobheader_3dnav > ul > li ul a:hover { font-size: 15px;color: #0188cc; border-color:#eaeaea;background-position: 0 13px; text-decoration:none}
.mobheader_3dnav > ul > li ul a:hover:after { background-position: 0 0; }
.mobheader_3dnav > ul > li:hover{overflow:unset;  background: #109adf ;background-size: 30px 30px;background-position: center top 15px;}
.mobheader_3dnav > ul > li:hover ul { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0);  }
}

.membercenter{ font-size:24px; font-weight:bold}


        .upload-container {
            margin: 20px;
        }
      
        #file-input {
            display: none;
        }
		
	 .image-upload-btn {
    display: inline-block;
    width: 80px; 
    height: 80px;
    background-image: url('/images/upload.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    text-indent: -9999px; 
    overflow: hidden; 
  }
  
  .image-upload-btn:hover {
    opacity: 0.8;
  }
  
  
       .form-group {
            margin-bottom: 10px;
        }
        label {
            display: inline-block;
            width: 80px;
        }
        .annotation {
            color: blue;
            text-decoration: none;
            cursor: pointer;
        }
        #map-popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.8);
            z-index: 1000;
        }
        .popup-container {
            width: 70%;
            height: 75%;
            margin: 2% auto;
            background: white;
            padding: 20px;
            border-radius: 5px;
            position: relative;
        }
        #map {
            width: 100%;
            height: 83%;
            margin-top: 10px;
        }
        #close-popup {
            position: absolute;
            top: 15px;
            right: 15px;
            background: #f44336;
            color: white;
            padding: 8px 12px;
            cursor: pointer;
            border-radius: 3px;
            border: none;
        }
        #confirm-location {
            background: #4CAF50; font-size:18px;
            color: white;
            padding: 10px 15px;
            margin-top: 10px;
            cursor: pointer;
            border: none;
            border-radius: 3px; text-align:center; margin-left:39%
        }
        #search-container {
            margin-bottom: 10px; background:#fff
        }
        #pac-input {
            width: 45%;
            padding: 10px;
            font-size: 16px;
            border: 1px solid #ddd;
            border-radius: 3px; margin-top:10px; margin-left:10%
        }
		
#mclassid {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border: 1px solid #ccc;
    padding: 8px;
}

.charCount{ right: 40px; bottom: -230px; font-size: 12px; color: #999;}
.Supervisoraa{background:#2076ca; padding:9px 10px;border-radius: 4px;}
.charCount1{right: 30px; bottom: -142px; font-size: 12px; color: #999;}
.charCount2{right: 51px; bottom: -120px; font-size: 12px; color: #999;}
@media (max-width:767px){
.charCount{ right: 10px; bottom: -205px; font-size: 12px; color: #999;}
.charCount1{right: 10px; bottom: -130px; font-size: 12px; color: #999;}
.charCount2{right: 15px; bottom: -109px; font-size: 12px; color: #999;}
.Supervisoraa{background:#2076ca; padding:6px 0px 6px 10px;border-radius: 4px; width:145px; margin-top:5px; display:block; margin-bottom:5px; font-size:15px}
.user-container .user-content{width:100%;float:right;}
.tableborder td{ font-size:14px}
.userpicno{ display:none}
}

.selection-container {
    display: flex; 
    gap:0px; 
}
 
.select-section {
    margin-bottom: 0px;flex: 1;
}

.select-section h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333; font-weight:bold
}
.custom-select-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-container {
    width: 410px;
    height: 450px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    background-color: white;
    position: relative;
}

.custom-select-option {
    padding: 3px 10px;
    font-size: 16px;
    line-height: 34px;
    height: 44px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background-color 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-select-option:hover {
    background-color: #f5f5f5;
}

.custom-select-option.selected {
    background-color: #e3f2fd;
    border-left: 3px solid #007AFF;
}

.custom-select-option:last-child {
    border-bottom: none;
}

.hidden-select {
    display: none;
}
.search-box {
    width: 410px !important;
    padding: 8px ;
    margin-bottom: 5px ;
    border: 1px solid #ccc ;
    border-radius: 4px ;
    font-size: 16px ;
    height: 42px;
}
.button-container {padding-right:30px}
.submit-btn{ font-size:18px;  width:200px;}
.canaddpics {font-size:14px;color:#888}
@media (max-width: 767px) {
.canaddpics {font-size:14px;color:#888; margin-top:-22px; margin-left:115px}
#addButton { margin-top:6px; }
.selection-container {
   flex-direction: column; 
}
 
.select-section {
    margin-bottom: 0px;flex: 1;
}
.custom-select-container {
    width: 99%;
    height: 260px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    background-color: white;
    position: relative;
    box-sizing: border-box;
}

.custom-select-option {
    padding: 12px 15px;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background-color 0.2s;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
    line-height: 1.4;
    box-sizing: border-box;
    width: 99%;
}

.search-box {
    width: 99% !important;
    padding: 8px ;
    margin-bottom: 5px ;
    border: 1px solid #ccc ;
    border-radius: 4px ;
    font-size: 16px ;
    height: 42px;
}
.button-container {padding-right:0px; float:left; padding-top:10px;margin-left:27%}
.button-container input[type="submit"]{padding:10px 36px; background:#2076ca; color:#fff;border-radius: 4px; cursor:pointer;text-shadow:0 -1px 0 rgba(0,0,0,0.2);transition:all 0.3s;border-style:solid;border-width:1px; margin-bottom:20px; }
.submit-btn{ font-size:18px;  width:200px;}
.selectheight{ margin-top:10px}
}