@charset "utf-8";
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,i,ins,s,p{margin:0;padding:0;border:0;}
body{color:#4f5563; font:normal 14px/20px Microsoft YaHei, Microsoft YaHei-Regular;}
ul,ol{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-style:normal;}
i,em,sub,sup,s{font-style:normal; text-decoration:none;}
input,textarea{border:0px; background:none;}
img{border:none medium;}
a{color:#4f5563;text-decoration:none;}
a:hover{color:#3265ff;} 
a.on{color: #ff3131;}

.posr{position:relative;}.posa{position:absolute;}

.clear{clear: both; }
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden; display: block;}
.clearfix{display:block; clear:both}
.clx{*zoom:1}
.clx:after{clear:both;content:".";display:block;height:0;visibility:hidden;color:#131313}

.fr{float:right}
.fl{float:left}
.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}
.mt2{margin-top:2px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt40{margin-top:40px}.mt50{margin-top:50px}
.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px}.mr25{margin-right:25px}.mr30{margin-right:30px}
.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}

.wfull{width:100%;}
.w20{width:20px}.w50{width:50px}.w80{width:80px}.w100{width:100px}.w120{width:120px}.w130{width:130px}.w150{width:150px;}.w160{width:160px;}.w180{width:180px;}.w200{width:200px}.w210{width:210px}.w250{width:250px}.w300{width:300px}.w320{width:320px;}.w350{width:350px;}.w400{width:400px;}.w490{width:490px;}.w500{width:500px;}.w600{width:600px;}.w800{width:800px;}
.h20{height:20px !important;}.h30{height:30px !important;}.h40{height:40px;}.h100{height:100px;}.h150{height:150px;}
.lh20{line-height:20px !important;}.lh30{line-height:30px !important;}
.tblack{color:#121826 !important;}.tred{color:#ff3131 !important;}.tyellow{color:#febc11 !important;}.tblue{color:#3265ff !important;}.tgray{color:#989eab !important;} .tgray2{color:#666666 !important;} 
.hide{display:none;}.show{display:block;}.show2{display:block !important; margin-top:5px !important;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f15{font-size:15px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}
.fb{font-weight:Bold !important;}.fn{font-weight:normal !important;}
.pd20{padding:pd20;}

.inpt{display:inline-block; box-sizing:border-box; height:40px; line-height:40px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; padding:0 20px;font-size:16px;}
.inpt::placeholder{color:#989eab;}
.butt{display:inline-block; box-sizing:border-box; height:40px; line-height:40px; background:#3265ff; border:1px solid #3265ff; border-radius:8px; padding:0 20px; color:#ffffff;font-size:16px;cursor:pointer;}
.butt2{display:inline-block; box-sizing:border-box; padding:6px 12px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; font-size:14px; cursor:pointer;}
.butt3{display:inline-block; box-sizing:border-box; padding:6px 12px; background:#3265ff; color:#ffffff; border:1px solid #3265ff; border-radius:8px; font-size:14px; cursor:pointer;}
.butt4{display:inline-block; box-sizing:border-box; padding:6px 12px; background:#ffffff; border:1px solid #d2d2d2; border-radius:8px; font-size:14px; cursor:pointer;}
.butt5{display:inline-block; box-sizing:border-box; height:40px; line-height:40px; border:1px solid #dadfe6; border-radius:8px; padding:0 20px; font-size:14px; cursor:pointer;}
.butt6{display:inline-block; box-sizing:border-box; padding:8px 12px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; font-size:14px; cursor:pointer;}
.butt7{display:inline-block; box-sizing:border-box; padding:6px 12px; background:#24AC38; color:#ffffff; border:1px solid #24AC38; border-radius:8px; font-size:14px; cursor:pointer;}
.butt4:hover{border:1px solid #3265ff; color:#3265ff;}
.butt7:hover{color:#ffffff;}
.butt:hover,.butt3:hover{color:#ffffff;}
.lovethis{display:inline-block; width:36px; height:36px; background:url(../images/sc.svg) no-repeat center center;}
.fx{display:inline-block; width:36px; height:36px; background:url(../images/fx.svg) no-repeat center center;}
.yx{display:inline-block; width:36px; height:36px; background:url(../images/yx.svg) no-repeat center center;}
.like{display:inline-block; width:36px; height:36px; background:url(../images/like.svg) no-repeat center center;}
.like.on{display:inline-block; width:36px; height:36px; background:url(../images/likeon.svg) no-repeat center center;}
.like:hover{background:url(../images/like2.svg) no-repeat center center;}
.lovethis:hover{background:url(../images/sc2.svg) no-repeat center center;}
.fx:hover{background:url(../images/fx2.svg) no-repeat center center;}
.yx:hover{background:url(../images/yx2.svg) no-repeat center center;}
.cancelthis{display:inline-block; width:36px; height:36px; background:url(../images/sc3.svg) no-repeat center center;}
/*.selc{display:inline-block; min-width:100px; height:40px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; padding-left:20px; font-size:16px;}*/
.selc {
  display:inline-block; box-sizing:border-box; min-width:150px; height:40px; line-height:40px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; padding-left:20px; font-size:16px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/arrow.png) no-repeat scroll 90% center transparent;
  color: #4f5563;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.selc::-ms-expand { display: none; }

.selc2 {
  display:inline-block; box-sizing:border-box; min-width:300px; height:40px; line-height:40px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; padding:0 20px; font-size:16px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/arrow2.png) no-repeat scroll 95% center transparent;
  color: #4f5563;
}

.texa{display:inline-block; box-sizing:border-box; line-height:20px; background:#ffffff; border:1px solid #dadfe6; border-radius:8px; padding:10px 20px;font-size:16px;}
.texa::placeholder{color:#989eab;}

/*input[type="checkbox"]:checked {background-color: #3265ff; border-color: #dadfe6;}
input[type="checkbox"]:checked::before {content: ""; color: white;} content: "✓"*/
/*input[type="radio"]:checked {background-color: #3265ff; border-color: #dadfe6;}
input[type="radio"]:checked::before {content: ""; color: white;} content: "•"*/
input[type="checkbox"],input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #dadfe6;
  position: relative;
  outline: none;
  cursor: pointer;
}
input[type="checkbox"]:checked::after,input[type="radio"]:checked::after {
  content: url(../images/yes.png);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
}

.arrow {border: solid #3265FF;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;margin-left:5px;}
.arrow_right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.arrow_left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.arrow_up {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.arrow_down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.arrowCont{position: absolute; top: 50px; right: 0px; z-index:999; line-height:30px; background:#ffffff; border-radius:8px; font-size:16px; text-align:center; box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.50);}
.arrowCont li{padding:10px 20px}
.arrowCont li:hover{background:#E5EDFF;}
.arrowCont li:first-of-type:hover{border-radius:8px 8px 0 0;}
.arrowCont li:last-of-type:hover{border-radius:0 0 8px 8px;}
.arrowCont a{color:#121826;}

.dhslh{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dhslhs{display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; }
.dhslhs3{display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden; }

.close{display:inline-block; width:0px; height:24px; position: relative; display:none;}
.close::after{width:24px; content: url(../images/delete.png);position: absolute;top: 18px;right: 20px;transform: translateY(-50%); cursor: pointer;}

.layui-layer{border-radius:8px !important;}
.layui-layer-title{border-radius:8px 8px 0 0 !important;}
.layui-form{padding:20px; font-size:16px;}
.layui-form h3{font-size:16px; font-weight:Bold; color:#121826;}
.layui-form dl dt{color:#121826;}
.layui-form .cont{color:#121826; line-height:30px;}
.layui-form .cont .okico{width:100%; height:80px; background:url(../images/ok.png) no-repeat center center; margin-bottom:10px;}
.layui-form .cont .oktxt{font-size:24px; text-align:center; color:#121826; margin-bottom:20px;}
.layui-layer-title{color:#121826 !important; font-size:16px !important;height:60px !important; line-height:60px !important; background:#ffffff !important; border-bottom:1px solid #dadfe6 !important;}
.layui-button{margin-top:50px; text-align:right;}
.layui-btn{display:inline-block; padding:10px 20px; border-radius:8px; font-size:14px; cursor:pointer;}
.layui-btn-close{background:#ffffff; border:1px solid #dadfe6;}
.layui-btn-ok{background:#3265ff; color:#ffffff; border:1px solid #3265ff;}
.layui-btn-yes{background:#ff3131; color:#ffffff; border:1px solid #ff3131;}
.layui-form .layui-unselect{display:none;}
.layui-form .loadimg{display:inline-block; width:120px; height:120px; background:url(../images/addimg.svg) no-repeat center center; border:1px solid #dadfe6; border-radius:8px; cursor:pointer;}
.layui-form .layui-upload-file{display:none;}

#translate{display:none;}

html,body{background:#ffffff;}
#wrapper{background:none scroll repeat 0 0 #ffffff;width: 100%;margin:0 auto;}
#header{height:60px;background:none scroll repeat 0 0 #3265FF;}
#header .head{height:60px; width:1200px; line-height:60px; margin:0 auto; font-size:16px; color:#ffffff; position: relative;}
#header .head .lang{background:url(../images/lang_ch.svg) no-repeat left center; padding-left:30px; cursor:pointer;}
#header .head .langs{position: absolute; top: 60px; right: 0px; z-index:999; line-height:30px; background:#ffffff; border-radius:8px; font-size:16px; text-align:center; box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.50);}
#header .head .langs li{padding:10px 20px}
#header .head .langs li:hover{background:#E5EDFF;}
#header .head .langs li:first-of-type:hover{border-radius:8px 8px 0 0;}
#header .head .langs li:last-of-type:hover{border-radius:0 0 8px 8px;}
#header .head .langs a{color:#121826;}

#header2{min-height:80px;background:none scroll repeat 0 0 #ffffff;}
#header2 .head{width:auto; padding:20px; line-height:40px; margin:0 auto; font-size:16px; color:#3265ff; position: relative;}
#header2 .head .logo{display:block; width:160px; height:40px;background:url(../images/logom.svg) no-repeat center center; margin-left:40px;}
#header2 .head .lang{background:url(../images/lang_chm.svg) no-repeat right center; padding-left:30px; cursor:pointer;}
#header2 .head .langs{position: absolute; top: 60px; right: 0px; z-index:999; line-height:30px; background:#ffffff; border-radius:8px; font-size:16px; text-align:center; box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.50);}
#header2 .head .langs li{padding:10px 20px}
#header2 .head .langs li:hover{background:#E5EDFF;}
#header2 .head .langs li:first-of-type:hover{border-radius:8px 8px 0 0;}
#header2 .head .langs li:last-of-type:hover{border-radius:0 0 8px 8px;}
#header2 .head .langs a{color:#121826;}
#header2 .head .site{background:url(../images/posm.svg) no-repeat left center; padding-left:30px; cursor:pointer;}
#header2 .head .sites{position: absolute; top: 60px; right: 30px; z-index:999; line-height:30px; background:#ffffff; border-radius:8px; font-size:16px; text-align:center; box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.50);}
#header2 .head .sites li{padding:10px 20px}
#header2 .head .sites li:hover{background:#E5EDFF;}
#header2 .head .sites li:first-of-type:hover{border-radius:8px 8px 0 0;}
#header2 .head .sites li:last-of-type:hover{border-radius:0 0 8px 8px;}
#header2 .head .sites a{color:#121826;}
/*nav*/
#nav{min-height:100px;background:none scroll repeat 0 0 #ffffff;}
#nav .nav{min-height:100px; width:1200px; margin:0 auto; font-size:16px; position:relative;}
#nav .nav .logo{display:block;width:240px; height:100px;background:url(../images/logo.svg) no-repeat center center; margin-left:78px;}
#nav .nav .login{line-height:40px;margin-top:30px;font-size:16px;}
#nav .nav .ucenter{text-align:right; margin-top:35px;}
#nav .nav .ucenter a{display:inline-block; width:30px; height:28px;}
#nav .nav .ucenter .post{float:left; display:inline-block; margin-right:30px; height:28px; line-height:28px; padding:0 10px; background:#3265ff; color:#ffffff; border-radius:8px; font-size:14px; text-align:center; cursor:pointer;}
#nav .nav .ucenter .info{background:url(../images/info.svg) no-repeat center center; position:relative;}
#nav .nav .ucenter .info .new{display:block; width:10px; height:10px; position:absolute; right:0px; top:2px; z-index:2; background:#ff3131; border:1px solid #ffffff; border-radius: 50%;}
#nav .nav .ucenter .set{background:url(../images/set.svg) no-repeat center center; margin-left:30px;}
#nav .nav .ucenter .my{background:url(../images/my.svg) no-repeat center center; margin-left:30px;}
#nav .nav .ucenter span{float:right; font-size:16px; margin-left:10px; margin-top:5px; cursor:pointer;}
#nav .nav .site{background:url(../images/pos.svg) no-repeat left center; margin-left:30px; height:100px; line-height:100px; padding-left:30px; font-size:16px; cursor:pointer; position: relative;}
#nav .nav .site a{color:#3265ff;}
#nav .nav .sites{position: absolute; top: 65px; right: 0px; z-index:999; line-height:30px; background:#ffffff; border-radius:8px; font-size:16px; text-align:center; box-shadow: 0px 2px 4px 0px rgba(188,188,188,0.50);}
#nav .nav .sites li{padding:10px 20px;}
#nav .nav .sites li:hover{background:#E5EDFF;}
#nav .nav .sites li:first-of-type:hover{border-radius:8px 8px 0 0;}
#nav .nav .sites li:last-of-type:hover{border-radius:0 0 8px 8px;}
#nav .nav .sites a{color:#121826;}

#nav2{min-height:80px;background:none scroll repeat 0 0 #3265ff;}
#nav2 .nav{width:auto; padding:20px; margin:0 auto; font-size:16px; position:relative;}
#nav2 .nav a{display:inline-block; line-height:40px;  color:#ffffff;}
#nav2 .nav .post{width:60px; height:40px; line-height:40px; background:#ff3131; color:#ffffff; border-radius:8px; text-align:center;}
#nav2 .nav .info{width:30px; height:40px; background:url(../images/infom.svg) no-repeat center center; position:relative;}
#nav2 .nav .info .new{display:block; width:10px; height:10px; position:absolute; right:0px; top:2px; z-index:2; background:#ff3131; border:1px solid #ffffff; border-radius: 50%;}
#nav2 .nav .set{width:30px; height:40px; background:url(../images/setm.svg) no-repeat center center; margin-left:20px;}
#nav2 .nav .my{width:30px; height:40px; background:url(../images/mym.svg) no-repeat center center; margin-left:20px;}
#nav2 .nav .butt{background:#ffb400;}
#hamburger{box-sizing: border-box;z-index: 4; transition:margin-left .5s;}
#hamburger:before,#hamburger:after,#hamburger span{background: #121826;content: '';display: block;width: 38px;height: 4px;position: absolute;left:0;-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}
#hamburger:before{top: 35px;}
#hamburger span{top: 48px;}
#hamburger:after{top: 61px;}
#hamburger2{box-sizing: border-box;z-index: 4; transition:margin-left .5s;}
#hamburger2:before,#hamburger2:after,#hamburger2 span{background: #121826;content: '';display: block;width: 30px;height: 3px;position: absolute;left:20px;-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, top, bottom, left, opacity;transition-property: transform, top, bottom, left, opacity;}
#hamburger2:before{top: 28px;}
#hamburger2 span{top: 38px;}
#hamburger2:after{top: 48px;}
.sidebar{height:100%; line-height:30px; width:0; position:fixed; z-index:1; top:0; left:0; background-color: #111; overflow-x: hidden; padding-top:60px; transition: 0.5s;}
.sidebar a{padding: 8px 8px 8px 32px; text-decoration: none; font-size: 18px; color: #818181; display: block; transition: 0.3s;}
.sidebar a:hover{color: #f1f1f1;}
.sidebar .closebtn{position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
/*footer*/
#footer{width:100%; background:none scroll repeat 0 0 #eeeeee; padding-top:30px;}
#footer .foot{width:1200px; margin:0 auto; position:relative;}  
#footer .foot .logo{display:block;width:240px; height:60px;background:url(../images/logo.svg) no-repeat left center;}
#footer .foot .totop{display:block;width:60px; height:60px;background:url(../images/totop.svg) no-repeat right center;}
#footer .foot_2{margin-top:30px; line-height:30px; padding-top:30px;border-top:1px solid #dadfe6;}
#footer .foot_3{margin-top:60px; padding-bottom:40px;}
#footer .foot_4{position:absolute; right:50px; bottom:40px; z-index:3;}
#footer .foot_4 dt{margin-bottom:10px;}
#footer .foot_4 dd{width:68px; height:68px; background:#d8d8d8; margin-left:6px;}
#footer2{width:100%; margin-top:30px;}
#footer2 .foot{width:auto; padding:0 20px;}
#footer2 .foot .logo{display:block; width:160px; height:40px;background:url(../images/logom.svg) no-repeat center center;}
#footer2 .foot_2{margin-top:30px; line-height:30px; padding-top:30px;border-top:1px solid #dadfe6;}
#footer2 .foot_3{margin-top:30px; padding-bottom:30px;}

@media  screen and (max-width:768px) {
  .sidebar {padding-top: 15px;}
}