@charset "utf-8";
/* CSS Document akakaz */
* {margin: 0;padding: 0;}
.clear {clear: both;} 
strong,a,span,li {font-size: 14px;}
 img {border: none;}
a, a:link, a:active, a:visited, a:hover {color: #707070;text-decoration: none;}
ul, li, ol {list-style: none;}
i,em {font-style:normal;}
/* CSS Document */
/* 样式重置--------------------*/
::-webkit-input-placeholder{
  color:#222;
}
:-moz-placeholder{
caret-color:#222;
}
::-moz-placeholder{
  color:#222;
}
:-ms-input-placeholder{
flood-color:#222;
}
 
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  box-shadow:0 0 0 60px #efefef inset; 
  -webkit-text-fill-color: #222;
}
/*外框样式去除*/
input:focus-visible{
     outline: none;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
 
ul {
  list-style: none;
}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3;}
::-webkit-scrollbar-thumb:vertical{background-color:#d3d3d3;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#b0b0b0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 清除浮动
-----------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* 兼容清除浮动和错位 */
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #ec3b02;
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.f-oh{
  overflow: hidden;
}
.f-cb {
  zoom:1;
}
.scale {
  transition: 1s;
  transform:scale(1.2,1.2); 
  -ms-transform:scale(1.2,1.2);   /* IE 9 */
  -moz-transform:scale(1.2,1.2);  /* Firefox */
  -webkit-transform:scale(1.2,1.2);  /* Safari 和 Chrome */
  -o-transform:scale(1.2,1.2); 
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}
.ellipsis2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.ellipsis5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.ellipsis7{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  line-clamp: 7;
}
.ll {float: left;}
.rr {float: right;}


@font-face {
    font-family: 'Franklin';
    src: url('../fonts/Franklin-Gothic-Demi.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'DidactGothic';
    src: url('../fonts/DidactGothic-Regular.ttf') format('truetype');
    font-style: normal;
}
h2,h3,h4,h5 {font-family: "Franklin";}
p,span,a {font-family: "DidactGothic";}

@media (min-width:1640px){ 
  .container {width: 1570px !important;padding: 0px;max-width: none;}
}
@media (min-width:1520px) and (max-width: 1640px){
   .container {width: 1470px !important;padding: 0px;max-width: none;}
}
@media (min-width:1420px) and (max-width: 1520px){
  .container {width: 1370px !important;padding: 0px;max-width: none;}
}
@media (min-width:1220px) and (max-width: 1420px){
  .container {width: 1170px !important;padding: 0px;max-width: none;}
}
/*sing up and log in*/
.singbg {background: url(../images/bg_login.jpg) no-repeat center bottom;background-size: cover;background-attachment: fixed;width: 100%;height: auto;}
.singlogo {margin-top:45px;height: 55px;}
.singlogo a {display: block;height: 100%;overflow: hidden;}
.singlogo h1 {line-height: 55px;height: 55px;margin:0;display: table-cell;vertical-align: middle;}
.singlogo h1 img {width:auto;height: auto;max-height: 100%;max-width: 100%;vertical-align: middle;}
.user_singup {padding: 0;overflow: hidden;}
.user_singup .sing_left {padding: 24rem 0 0 10rem;overflow: hidden;}
.user_singup .sing_left h2 {color: #fff;font-size: 10rem;font-style: italic;font-weight: normal;}
.user_singup .sing_left em {display: block;width: 37px;height: 3px;background: #fff;margin:50px 0 30px;}
.user_singup .sing_left p {color: #fff;font-size: 16px;line-height: 25px;width: 80%;}
.user_singup .sing_right {border:1px solid #daf690;border-radius: 25px;padding: 5rem 8rem;overflow: hidden;background: url(../images/whitebg.png);width: 70%;margin:0 auto;}
.user_singup .sing_right .singtit {padding: 0;overflow: hidden;margin-bottom: 30px;}
.user_singup .sing_right .singtit h3 {color: #222;font-size: 4.7rem;margin-bottom: 25px;}
.user_singup .sing_right .singtit p {color: #808080;font-size: 18px;line-height: 20px;}
.user_singup .sing_right  .form-trinput {padding: 0;overflow: hidden;margin-bottom: 15px;}
.user_singup .sing_right  .form-trinput label {color: #0e0d20;font-size: 16px;display: block;line-height: 35px;}
.user_singup .sing_right  .form-trinput input {width: 100%;height: 35px;line-height: 35px;border:2px solid #ddd;background-color: transparent;padding: 0 10px;color: #222;font-size: 15px;font-weight: bold;}
.user_singup .sing_right  .form-trinput input:focus,.user_singup .sing_right  .form-trinput input:hover .user_singup .sing_right  .form-trinput input:focus-visible{background-color: transparent;outline: none;}
.user_singup .sing_right .formban {width: 46%;}
.user_singup .sing_right .formban input {border-left: 4px solid #c4f041;}
.user_singup .sing_right  .form-trinput span {color: #808080;font-size: 15px;line-height: 20px;}
.user_singup .sing_right  .form-botton {margin: 35px 0;padding: 0;overflow: hidden;}
.user_singup .sing_right  .form-botton button {width: 45%;height: 40px;border: none;color: #a4a4a4;font-size: 14px;line-height: 40px;text-align: center;font-weight: bolder;}
.user_singup .sing_right  .form-botton button.create {background: #c4f041;color: #06070d;}
.user_singup .sing_right .form-tip {padding: 0;overflow: hidden;}
.user_singup .sing_right .form-tip span {color: #808080;font-size: 15px;line-height: 20px;margin-bottom: 15px;display: block;}
.user_singup .sing_right .form-tip p {color: #808080;font-size: 14px;line-height: 20px;}
.user_singup .sing_right .form-tip a {display: inline-block;font-size: 15px;line-height: 20px;font-weight: bolder;}
.user_singup .sing_right .form-tip span a {color: #c4f041;}
.user_singup .sing_right .form-tip p a {color: #3f4148;}
.user_singup .sing_right .formlogin {margin-top: 5rem;}
.user_singup .sing_right .formlogin input {border-left: 4px solid #c4f041;}
.user_singup .sing_right  .form-botton button.bottonlogin {width: 100%;height: 40px;border: none;color: #06070d;font-size: 14px;line-height: 40px;text-align: center;font-weight: bolder;background: #c4f041;}
.loginr .form-tip {margin-bottom: 4.5rem;}

/*----myinfo------*/
.infobg {background: url(../images/bg_info.jpg) no-repeat center bottom;background-size: cover;background-attachment: fixed;width: 100%;height: auto;}
.infobg .user_about {border: 1px solid #394228;background: url(../images/infobg.jpg) no-repeat center;background-size: cover;border-radius: 20px;box-shadow: 0 0 6px  3px #364129;width: 50%;margin:2rem auto 5rem;padding: 3rem 0 5.7rem;overflow: hidden;}
.infobg .usertit {padding: 0 7.5rem;overflow: hidden;background: url(../images/usertitbg.png) no-repeat left center;background-size: 100% 100%;margin-bottom: 20px;}
.infobg .usertit h2 {color: #fff;font-size: 2.6rem;line-height: 55px;display: inline-block;float: left;}
.infobg .usertit a {display: inline-block;width: 49px;height: 55px;background: url(../images/uer_close.png)no-repeat;float: right;}
.infobg .usernav {padding: 0;text-align: center;border-bottom: 1px solid #454938;margin-bottom: 25px;}
.infobg .usernav a {display: inline-block;margin:0 10px;color: #fff;font-size: 16px;line-height: 35px;position: relative;font-family: "DidactGothic";}
.infobg .usernav a:after {content: "";width: 0%;height: 1px;background: #c4f041;position: absolute;left: 50%;bottom: -1px;z-index: 2;transition: all 0.3s;}
.infobg .usernav a:hover:after,.infobg .usernav a:active:after,.infobg .usernav a.cur:after {width: 100%;left: 0;}
.infobg .uabout_form {padding: 0;overflow: hidden;width: 86%;margin:0 auto;}
.infobg .uabout_form .form-input {padding: 0;overflow: hidden;margin-bottom: 20px;}
.infobg .form-input .forminfo {width: 30%;float: left;margin:0 1.5%;}
.infobg .form-input .forminfo h3 {color:#fff;font-size: 16px;line-height: 38px;text-align: center;font-family: "DidactGothic";}
.infobg .form-input .forminfo label {color:#fff;font-size: 16px;line-height: 38px;font-family: "DidactGothic";font-weight: normal;display: block;height: 38px;}
.infobg .form-input .forminfo input {border:1px solid #8b9474;height: 36px;line-height: 36px;box-shadow: inset 0px 0px 6px 6px #838f61;background-color: transparent;transition: box-shadow 0.3s;width: 100%;border-radius: 4px;padding: 0 10px;color: #fff;font-size: 15px;outline: none;}
.infobg .form-input .forminfo input[type="checkbox"] {width: 36px;background-color: transparent;-webkit-appearance:none;/*去除默认外观*/-moz-appearance:none;appearance: none;outline: none;vertical-align: middle;margin-right: 15px;}
.infobg .form-input .forminfo input[type="checkbox"]:checked{background:url(../images/yes.png)no-repeat center center #d3f46a;box-shadow: none;}
.infobg .form-input .forminfo small {color: #fff;font-size: 15px;line-height: 38px;vertical-align: middle;}
.infobg .form-input .forminfo.forma {width: 63%;}
.infobg .form-input .forminfo select {border:1px solid #8b9474;height: 36px;line-height: 36px;box-shadow: inset 0px 0px 6px 6px #838f61;background-color: transparent;transition: box-shadow 0.3s;width: 100%;border-radius: 4px;padding: 0 10px;color: #fff;font-size: 15px;outline: none;  cursor: pointer;
         -webkit-appearance: none; /* 移除iOS默认样式 */
        -moz-appearance: none;    /* 移除Firefox默认样式 */
        -ms-appearance: none;     /* 移除IE默认样式 */
        appearance: none;         /* 同时移除各种浏览器默认样式 */
        background-image: url(../images/downjt.png); /* 自定义箭头图片 */
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: contain;}
.infobg .form-input .forminfo input:-webkit-autofill,
.infobg .form-input .forminfo input:-webkit-autofill:hover,
.infobg .form-input .forminfo input:-webkit-autofill:focus {
  box-shadow:0 0 0 60px #efefef inset; 
  -webkit-text-fill-color: #222;
}
.infobg .form-input .forminfo select:focus {outline: none;border-color: #none;}
.infobg .form-input .forminfo select option {color: #fff;font-size: 15px;line-height: 40px; background-color: #909d6a; }
.infobg .finfo-botton {padding: 0;overflow: hidden;margin-top:45px;text-align: center;}
.infobg .finfo-botton button {width: 160px;height: 40px;border:none;outline: none;background-color: transparent;color: #ccf456;font-size: 15px;line-height: 40px;text-align: center;font-weight: bolder;margin:0 30px;border-radius: 25px;box-shadow: inset 0px 0px 6px 6px #838f61;}
.infobg .finfo-botton button.cancel,.infobg .finfo-botton button:hover{background: #c4f041;color: #06070d;box-shadow: none;transition: all 0.3s;}
.infobg .form-input .forminfo.fque {position: relative;}
.infobg .form-input .forminfo.fque em {content: "";width: 15px;height: 15px;background:url(../images/tanhao.png) no-repeat center center;background-size: contain;position: absolute;right: 0;bottom: 12px;}
.infobg .finfo-botton a {display: inline-block;width: 160px;height: 40px;border:none;outline: none;background-color: transparent;color: #ccf456;font-size: 15px;line-height: 40px;text-align: center;font-weight: bolder;margin:0 30px;border-radius: 25px;box-shadow: inset 0px 0px 6px 6px #838f61;}
.infobg .finfo-botton a.cancel,.infobg .finfo-botton a:hover{background: #c4f041;color: #06070d;box-shadow: none;transition: all 0.3s;}

/*上传头像*/
.infobg .user_upload {border: 1px solid #394228;background: url(../images/infobg.jpg) no-repeat center;background-size: cover;border-radius: 20px;box-shadow: 0 0 6px  3px #364129;width: 36%;margin:0 auto;padding: 3rem 0 5.7rem;margin-top:2rem;}
.infobg .usertita {padding: 0 2.8rem;overflow: hidden;margin-bottom: 20px;}
.infobg .usertita h2 {color: #fff;font-size: 2.6rem;line-height: 55px;display: inline-block;float: left;text-shadow: 0 0 15px  #beff00;}
.infobg .usertita a {display: inline-block;width: 49px;height: 55px;background: url(../images/uer_close.png)no-repeat;float: right;}
.infobg .upload_form {padding: 0;overflow: hidden;width: 80%;margin:0 auto;text-align: center;}
.infobg .upload_form  .favimg  { width: 80px; height: 80px;overflow: hidden;margin: 0 auto;border-radius: 50%;}
.infobg .upload_form  .favimg img {display: block;width: 100%;height: 100%;object-fit: cover;}
.infobg .upload_img {padding: 12rem 0;overflow: hidden;}
.infobg .upload_img .files {padding: 0 25px;width: 185px;margin:0 auto;overflow: hidden;box-shadow: inset 0px 0px 6px 6px #838f61;position: relative;border: 1px solid #8b9474;height: 36px;line-height: 36px;border-radius: 4px;margin-bottom: 25px;}
.infobg .upload_img .files label {width: 100%;color: #fff;font-size: 18px;line-height: 36px;font-weight: normal;font-family: "DidactGothic";}
.infobg .upload_img .files label em {display: inline-block;width: 18px;height: 36px;background: url(../images/upload.png) no-repeat center center;background-size: contain;float: left;}
.infobg .upload_img .files .file-input {display: none;}
.infobg .upload_img p {color: #fff;font-size: 15px;line-height: 20px;}

/*Interests*/
.Interests_form {padding: 0;overflow: hidden;}
.Interests_form .Interests_tit {padding: 0 7.5rem;overflow: hidden;margin-bottom: 25px;}
.Interests_form .Interests_tit p {color: #fff;font-size:16px;line-height:30px; }
.Interests_form .form {padding: 0;overflow: hidden;}
.Interests_form .intform {padding: 0 7.5rem 5rem;overflow: hidden;border-bottom: 1px solid #454938;}
.Interests_form .form-input {padding: 0;overflow: hidden;margin-bottom: 20px;}
.Interests_form .form-input .forminfo {width: 100%;float: none;margin: 0;}
/*social*/
.Interests_form .socialf .forminfo {padding-left:65px;float: right;padding-bottom: 4px;}
.Interests_form .socialf .fs1 {background: url(../images/uicon_1.png) no-repeat left bottom;}
.Interests_form .socialf .fs2 {background: url(../images/uicon_2.png) no-repeat left bottom;}
.Interests_form .socialf .fs3 {background: url(../images/uicon_3.png) no-repeat left bottom;}
.Interests_form .socialf .fs4 {background: url(../images/uicon_4.png) no-repeat left bottom;}
.Interests_form .socialf .fs5 {background: url(../images/uicon_5.png) no-repeat left bottom;}
.Interests_form .socialf .fs6 {background: url(../images/uicon_6.png) no-repeat left bottom;}
.Interests_form .socialf .fs7 {background: url(../images/uicon_7.png) no-repeat left bottom;}
.Interests_form .socialf .fs8 {background: url(../images/uicon_8.png) no-repeat left bottom;}
.Interests_form .socialf .fs9 {background: url(../images/uicon_9.png) no-repeat left bottom;}
.Interests_form .socialf .fs10 {background: url(../images/uicon_10.png) no-repeat left bottom;}
.Interests_form .socialf .fs11 {background: url(../images/uicon_11.png) no-repeat left bottom;}
.Interests_form .socialf .fs12 {background: url(../images/uicon_12.png) no-repeat left bottom;}
.Interests_form .socialf .fs13 {background: url(../images/uicon_13.png) no-repeat left bottom;}
.Interests_form .socialf .fs14 {background: url(../images/uicon_14.png) no-repeat left bottom;}
.Interests_form .socialf .forminfo {background-size: 48px;}
/*bio*/
.Interests_form .intformbio {padding: 15px;overflow: hidden;border: 1px solid #7e856a;box-shadow: 0 0 5px 5px #768057 inset;margin: 0 7.5rem;;}
.Interests_form .intformbio  textarea {display: block;width: 100%;padding: 5px 10px; height: 240px; border:none; background-color: transparent;color: #fff;line-height: 30px;}
.Interests_form .intformbio  input:focus,.Interests_form .intformbio  input:hover,.Interests_form .intformbio  input:focus-visible,.Interests_form .intformbio  textarea:focus,.Interests_form .intformbio  textarea:hover,.Interests_form .intformbio  textarea:focus-visible{background-color: transparent;outline: none;}
.Interests_form .intformbio  input:-webkit-autofill,.Interests_form .intformbio   input:-webkit-autofill:hover, .Interests_form .intformbio  input:-webkit-autofill:focus {box-shadow: 0 0 0 60px #454644 inset;
    -webkit-text-fill-color: #fff;}
.Interests_form .intformbio  textarea::-webkit-input-placeholder{
  color:#fff;
}
.Interests_form .intformbio  textarea:-moz-placeholder{
caret-color:#fff;
}
.Interests_form .intformbio  textarea::-moz-placeholder{
  color:#fff;
}
.Interests_form .intformbio  textarea:-ms-input-placeholder{
flood-color:#fff;
}
/*主体内容*/
.mbg {background: #272c32;}
.mainbox {width: 98%;margin: 0 auto;padding: 0;overflow: hidden;}
.mainll {width: calc(99% - 160px);margin-left: 160px;}

/*-------header-------*/
.header {padding: 10px 20px;overflow: hidden;background: #06070d;margin:8px 0 12px; border-radius:20px;}
.header .headl {width: 68%;}
.header .headr {width: 32%;}
.header .menu{width:45px;height:45px;transition:all 0.3s ease-out 0s;cursor:pointer;position: relative; float:left;margin-right: 30px;}
.header .menu:hover{box-shadow:0 0 20px rgba(0,0,0,0.5);}
.header .menu .inner{right:25%;top:15px;width:50%;position: absolute;}
.header .menu i{background:#fafafa;border-radius:2px;height:2px;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.header .menu i:nth-child(1){width:100%;position:absolute;right:0;top:0px;}
.header .menu i:nth-child(2){width:100%;position:absolute;right:0;top:9px;}
.header .menu i:nth-child(3){width:100%;position:absolute;right:0;top:18px;}
.header .menu.act i:nth-child(1){transform:translate(0,9px) rotate(45deg);}
.header .menu.act i:nth-child(2){opacity:0;}
.header .menu.act i:nth-child(3){transform:translate(0,-9px) rotate(-45deg);}
.header .logo {height: 27px;width: 175px;float: left;margin-top: 9px;}
.header .logo a {display: block;height: 100%;}
.header .logo h1 {line-height: 27px;height: 27px;margin:0;display: table-cell;vertical-align: middle;position: relative;z-index: 2;}
.header .logo h1 img {width:auto;height: auto;max-height: 100%;max-width: 100%;vertical-align: middle;display: table-cell;transition: 0.5s;}
.header .hshop {float: left;padding: 0 20px;margin:0 3rem;position: relative;}
.header .hshop:after,.header .hshop:before{content: "";width: 1px;height: 20px;background: #c4f041;position: absolute;top:12px;}
.header .hshop:after {right: 0;}
.header .hshop:before {left: 0;}
.header .hshop a {color: #c4f041;font-size: 2rem;font-family: 'Franklin';line-height: 45px;}
.header .hshop a:hover {color: #ff0303;}
.header .hseach {float: left;margin-top: 8px;}
.header .hseach .search-form {width: 190px;height: 29px;line-height: 27px;border: 1px solid #666;border-radius: 20px;outline: none;background-color: #414656;background:url(../images/sousuo.png) no-repeat 12px center;}
.header .hseach .search-form .form-control {
  padding-left: 35px;
  width:80%;
  float: left;
  height: 27px;
  line-height: 27px;
  border:none;
  background-color: transparent;
  -webkit-appearance:none;/*去除阴影边框*/
  outline: none;
  -webkit-tap-highlight-color:#c4f041;
  color: #c4f041;
  font-family: 'Franklin';
  border-radius: 20px;
  overflow: hidden;
}
.header .hseach .search-form .search_btn {width: 20%;height: 27px;border: none;float: right;background-color: transparent;outline: none;}
.header .hseach .search-form input:focus,.header .hseach .search-form input:hover,.header .hseach .search-form input:focus-visible{background-color: transparent;outline: none;}
.header .hseach .search-form input::-webkit-input-placeholder{
  color:#c4f041;
  font-size: 12px;
}
.header .hseach .search-form input::-moz-placeholder{
  color:#c4f041;
   font-size: 12px;
}
.header .hseach .search-form input::-moz-placeholder{
  color:#c4f041; font-size: 12px;
}
.header .hseach .search-form input:-ms-input-placeholder{
  flood-color:#c4f041; font-size: 12px;
}
.header .hseach .search-form input:-webkit-autofill,
.header .hseach .search-form  input:-webkit-autofill:hover,
.header .hseach .search-form  input:-webkit-autofill:focus {
  box-shadow:0 0 0 60px #414656 inset; 
  -webkit-text-fill-color: #c4f041;
}
/*外框样式去除*/
.header .hseach .search-form  input:focus-visible{
     outline: none;
     box-shadow:0 0 0 60px #414656 inset; 
}
.header .notice {margin-left: 20px;float: left;}
.header .notice a {display: inline-block;color: #c4f041;font-size: 2rem;line-height: 45px;margin:0 10px;font-family: 'Franklin';height: 45px;vertical-align: middle;}
.header .notice a i {display: inline-block;width: 45px;height: 45px;background: url(../images/notice.png) no-repeat center;background-size: contain;}
.header .notice  a:hover {color: #ff0303;}
.header  .headr {padding: 0;overflow: hidden;text-align: right;}
.header  .headr a {display: inline-block;color: #c4f041;font-size: 2rem;line-height: 45px;margin:0 10px;font-family: 'Franklin';height: 45px;vertical-align: middle;}
.header  .headr a i {display: inline-block;width: 45px;height: 45px;}
.header  .headr a i.hdian {background: url(../images/dian.png) no-repeat center;background-size: contain;}
.header  .headr a i.hemail {background: url(../images/sjx.png) no-repeat center;background-size: contain;}
.header  .headr a i.htx {background: url(../images/yhzx.png) no-repeat center;background-size: contain;}
.header  .headr a .user_tx {width: 45px;height: 45px;border-radius: 50%;border:1px solid #636363;overflow: hidden;float: left;margin-right: 10px;}
.header  .headr a .user_tx img {display: block;width: 100%;height: 100%;object-fit: cover;}
.mainll .logo {display: none;}
.mainll .channels .chanlist {height: 850px;}
.header .headr #topimg {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 150px;}

/*左侧导航*/
.navg{position:fixed;left:0;top:10px;z-index: 9;width: 153px;height: 100%;transition:all 0.5s ease-out 0s;opacity:0;visibility:hidden;background: #c4f041;border-radius: 20px;}
.navg.showdiv{transform:none;opacity:1;visibility:visible;}
.navg .nlogo {padding: 40px;overflow: hidden;text-align: center;}
.navg .nlogo img {display: block;width: 100%;height: 100%;object-fit: cover;}
.navg .ndh {padding: 0;overflow: hidden;}
.navg .ndh ul {padding: 0;overflow: hidden}
.navg .ndh ul li {line-height: 35px;margin-bottom: 25px;}
.navg .ndh ul li a {display: block;width: 100%;color: #414656;font-size: 15px;font-family: 'Franklin';}
.navg .ndh ul li a i {display: inline-block;padding-left: 20px;width: 23px;height: 35px;margin:0 10px;float: left;}
.navg .ndh ul li a i.n_icon1 {background: url(../images/n_icon1.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a i.n_icon2 {background: url(../images/n_icon2.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a i.n_icon3 {background: url(../images/n_icon3.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a i.n_icon4 {background: url(../images/n_icon4.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a:hover,.navg .ndh ul li.cur a {background: #414656;color: #c4f041;}
.navg .ndh ul li a:hover i.n_icon1,.navg .ndh ul li.cur a i.n_icon1 {background: url(../images/n_icon1a.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a:hover i.n_icon2,.navg .ndh ul li.cur a i.n_icon2 {background: url(../images/n_icon2a.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a:hover i.n_icon3,.navg .ndh ul li.cur a i.n_icon3 {background: url(../images/n_icon3a.png) no-repeat center;background-size: contain;}
.navg .ndh ul li a:hover i.n_icon4,.navg .ndh ul li.cur a i.n_icon4 {background: url(../images/n_icon4a.png) no-repeat center;background-size: contain;}
.navg .nteam {border-top:1px solid #585e6f;border-bottom:1px solid #585e6f;padding: 20px 10px 30px;overflow: hidden;margin-bottom: 20px;}
.navg .nteam .nteamtit {padding: 0;overflow: hidden;margin-bottom: 25px;}
.navg .nteam .nteamtit a {display: block;width: 100%;color: #414656;font-size: 15px;font-family: 'Franklin';line-height: 35px;}
.navg .nteam .nteamtit a i {display: inline-block;width: 23px;height: 35px;margin-right:10px;float: left; background: url(../images/n_icon5.png) no-repeat center;background-size: contain;}
.navg .nteam .nteamtit a i.n_icon5 {background: url(../images/n_icon5.png) no-repeat center;background-size: contain;}
.navg .nteam .nteamtit a i.n_icon7 {background: url(../images/n_icon8.png) no-repeat center;background-size: contain;}
.navg .nteam .nteamtit a em {display: inline-block;float: right;width: 13px;height: 35px;background: url(../images/n_icon7.png) no-repeat center;background-size: contain;}
.navg .nteam .ngreat {padding: 0;overflow: hidden;}
.navg .nteam .ngreat a {display: block;width: 100%;}
.navg .nteam .ngreat span {display: inline-block;float: left;padding: 0 12px;line-height: 14px;color: #414656;border: 1px solid #414656;font-family: 'Franklin';font-size: 15px;margin-right: 15px;margin-top: 5px;}
.navg .nteam .ngreat h5 {display: inline-block;color: #414656;font-size: 13px;line-height: 1;float: left;}
.navg .nrecommend {padding: 0 0 30px;overflow: hidden;}
.navg .nrecommend a {display: block;width: 100%;color: #414656;font-size: 15px;font-family: 'Franklin';line-height: 35px;}
.navg .nrecommend a i {display: inline-block;width: 23px;height: 35px;margin:0 10px;float: left; background: url(../images/n_icon6.png) no-repeat center;background-size: contain;}

/*headtop*/
.headtop {padding:55px 30px 55px 60px;overflow:hidden;background:url(../images/headtopbg.jpg) no-repeat center;background-size:cover;border-radius:20px; }
.headtop .headtopbox {position: relative;padding: 0;overflow: hidden;}
.headtop .headlogo {height: 58px;margin-bottom: 30px;}
.headtop .headlogo img {max-width: 100%;height: 100%;}
.headtop .headnav {padding: 0;overflow: hidden;}
.headtop .headnav a {display: inline-block;color: #c4f041;font-size: 20px;line-height: 35px;font-weight: bold;margin-right: 10rem;height: 37px;}
.headtop .headnav a:hover {border-bottom: 2px solid #c4f041;}
.headtop .headtopjt {width: 62px;height: 62px;position: absolute;right: 0;bottom: 0;}
.headtop .headtopjt a {display: block;width: 100%;height: 100%;background: url(../images/htopjt.png) no-repeat center;background-size: contain;}
/*-------header end-------*/
/*-------nav-------*/
.nav {padding: 0;overflow: hidden;margin:5.5rem 3rem;text-align: center;}
.nav a {display: inline-block;color: #fff;font-family: "Franklin";font-size: 20px;line-height: 39px;background: #414656;padding: 0 3.5rem;overflow: hidden;border-radius: 20px;margin:0 9px;border:1px solid #666;}
.nav a:last-child {background: none;border: 1px solid #272c32;padding: 0;margin-right: 0;}
.nav a:hover,.nav a.cur {background: #c4f041;border: 1px solid #c4f041;color: #000;}
.nav a:last-child:hover {background: none;color: #fff;border: 1px solid #272c32;}
/*-------nav end-------*/
/*-------header end-------*/
/*-------banner-------*/
.banner {padding: 0;overflow: hidden;margin-bottom: 35px;}
.banner .banli {float: left;padding: 0;overflow: hidden;margin:0 0.2% 0.2%;}
.banner .banli_1 {width: 35.6%;}
.banner .banli_2 {width: 31.6%;}
.banner .banli_3 {width: 31.6%;}
.banner .banli_4 {width: 67.6%;position: relative;}
.banner .banli_5 {width: 31.6%;}
.banner .banli a {display: block;width: 100%;}
.banner .banli .banimg{ padding: 0;overflow: hidden;width: 100%;border-radius: 10px;}
.banner .banli_1 .banimg,.banner .banli_3 .banimg{height: 759px;}
.banner .banli_2 .banimg{height: 464px;}
.banner .banli_4 .banimg,.banner .banli_5 .banimg{height: 580px;}
.banner .banli .banimg img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all 1s ease;}
.banner .banli_2 .bantit {background: #c4f041;border-radius: 10px;padding: 30px;overflow: hidden;height: 295px;position: relative;}
.banner .banli_2 .bantit  h2 {color: #111110;font-size: 8.3rem;line-height: 0.9;margin-bottom: 1.6rem;}
.banner .banli_2 .bantit  h5 {color: #111;font-size: 16px;line-height: 1;font-weight: normal;}
.banner .banli_2 .bantit em {content: "";width: 35px;height: 35px;background: #111;border-radius: 100%;position: absolute;bottom: 35px;right: 20px;}
.banner .banli_4 em {display: block;width: 171px;height: 82px;background: url(../images/tujt.png) no-repeat center;background-size: contain;position: absolute;right: 5.4rem;bottom: 11.3rem;}
.banner .banli a:hover .banimg img {
  transition: 1s;
  transform:scale(1.05,1.05); 
  -ms-transform:scale(1.05,1.05);   /* IE 9 */
  -moz-transform:scale(1.05,1.05);  /* Firefox */
  -webkit-transform:scale(1.05,1.05);  /* Safari 和 Chrome */
  -o-transform:scale(1.05,1.05); }
/*-------banner end-------*/

/*All Channels*/
.channels {padding: 0;overflow: hidden;position: relative;margin-bottom: 6rem;}
.channels .chantit {padding: 0;overflow: hidden;margin-bottom: 15px;}
.channels .chantit h2 {color: #fff;font-size: 5rem;line-height: 60px;}
.channels .chanlist {padding: 0;overflow: hidden;height: 920px;}
.channels .swiper-container {width: 100%;height: 100%;overflow: hidden;}
.channels .chanitem {padding: 0;overflow: hidden;border-radius: 10px;}
.channels .chanitem a {display: block;width: 100%;}
.channels .chanitem .cimg {padding-bottom:98%;overflow: hidden;position: relative;z-index: 2;}
.channels .chanitem .cimg img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;transition: .3s all;}

/*MODEL*/
.model {padding: 0;overflow: hidden;margin-bottom: 8rem;}
.model .modlist {{padding: 0;overflow: hidden;}}
.model .modlist .moditem {width: 33.333%;padding: 0 5px;overflow: hidden;float: left;margin-bottom: 10px;position: relative;}
.model .modlist .moditem.mod4 {width: 66.666%;}
.model .modlist .moditem a {display: block;width: 100%;position: relative;}
.model .modlist .moditem .modimg {padding-bottom:95%;overflow: hidden;position: relative;z-index: 2;border-radius: 10px;}
.model .modlist .moditem.mod4 .modimg {padding-bottom:46.99%;}
.model .modlist .moditem .modimg img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;transition: .3s all;}
.model .modlist .moditem .modtit {position: absolute;top:0;left: 0;width: 100%;z-index: 3;padding: 7rem 3rem;overflow: hidden;}
.model .modlist .moditem .modtit p {color: #fff;font-size: 16px;line-height:1;font-family: "Franklin";margin-bottom: 7rem;}
.model .modlist .moditem .modtit .modT {padding: 0 0 2rem 1.5rem;overflow: hidden;position: relative;}
.model .modlist .moditem .modtit .modT h2,.model .modlist .moditem .modtit .modT h3 {color: #fff;font-size: 8.3rem;position: relative;z-index: 2;}
.model .modlist .moditem .modtit .modT h2 {text-align: right;}
.model .modlist .moditem .modtit .modT:after {content: "";width: 14.5rem;height: 14.5rem;background: #c4f041;border-radius: 50%;position: absolute;left: 0;bottom: 0;z-index: 0;}
.model .modlist .moditem .mcollect {position: absolute;left: 0;top:0;bottom: 0;right: 0;z-index: 2;padding: 5rem 3rem 3rem;overflow: hidden;opacity: 0;transition: .3s all;}
.model .modlist .moditem .mcollect em {display: block;font-size: 40px;color: #fff;line-height: 20px;text-align: right;}
.model .modlist .moditem .mcollect .mcbox {position: absolute;bottom: 3rem;left: 3rem;right: 3rem;}
.model .modlist .moditem .mcollect .mcl,.model .modlist .moditem .mcollect .mcr {width: 50%;padding: 0;overflow: hidden;}
.model .modlist .moditem .mcl h3 {color: #fff;font-size: 2rem;line-height: 30px;margin-bottom: 15px;}
.model .modlist .moditem .mcl .ulogo {padding: 0;overflow: hidden;}
.model .modlist .moditem .mcl .ulogoimg {width: 48px;height: 48px;border-radius: 50%;overflow: hidden;border:1px solid #aaa5a2;float: left;margin-right: 15px;}
.model .modlist .moditem .mcl .ulogoimg img {display: block;width: 100%;height: 100%;object-fit: cover;}
.model .modlist .moditem .mcl .ulogo h4 {color: #fff;font-size: 2rem;line-height: 48px;}
.model .modlist .moditem .mcr {text-align: right;}
.model .modlist .moditem .mcr span {display: block;color: #fff;font-size: 18px;line-height: 18px;margin:19px 0;}
.model .modlist .moditem .mcr span i {display: inline-block;width: 20px;height: 18px;float: right;margin-left: 10px;}
.model .modlist .moditem .mcr span .icon_pl {background: url(../images/icon_pj.png) no-repeat center;background-size: contain;}
.model .modlist .moditem .mcr span .icon_sc {background: url(../images/icon_sc.png) no-repeat center;background-size: contain;}
.model .modlist .moditem:hover .mcollect{opacity: 1;transition: all 0.5s; }
.model .modlist .moditem .mview {position: absolute;left: 5px;top:0;right:5px;bottom: 0;z-index: 3;background: url(../images/view.jpg) no-repeat center;background-size: cover;border-radius: 10px;text-align: center;}
.model .modlist .moditem .mdisplay {display: none;}
.model .modlist .moditem .mview  em {display: block;height: 61px;background: url(../images/eyes.png) no-repeat center;background-size: contain;margin-top: 17rem;}
.model .modlist .moditem .mview p {color: #fff;font-size: 2.4rem;line-height: 1;margin-top:4rem;}
.model .modlist .moditem .mview span {width: 155px;height: 50px;background: #c4f041;color: #111110;font-size: 2.7rem;line-height: 50px;display: block;margin:8rem auto 0;font-family: "Franklin";}
.model .modlist .last-mod .modmore {padding-bottom:95%;overflow: hidden;position: relative;z-index: 2;border-radius: 10px;background: #c4f041;}
.model .modlist .last-mod .modmore .modm {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;transition: .3s all;padding:8rem  6rem 0;overflow: hidden;}
.model .modlist .last-mod .modmore .modm h2{color: #111110;font-size: 8rem;line-height: 0.8;margin-bottom: 5rem;}
.model .modlist .last-mod .modmore .modm p{color: #111110;font-size: 16px;line-height: 20px;font-family: "Franklin";}
.model .modlist .last-mod .modmore .modm em {display: block;width: 98px;height: 98px;background: #111110;border-radius: 50%;float: right;margin-top: 30px;}

/*footer*/
.footer {padding: 8rem 0 13rem;overflow: hidden;background: #16191f;}
.footer .flogo {height: 38px;margin-bottom: 30px;}
.footer .flogo a {display: block;height: 100%;overflow: hidden;}
.footer .flogo h1 {line-height: 38px;height: 38px;margin:0;display: table-cell;vertical-align: middle;}
.footer .flogo h1 img {width:auto;height: auto;max-height: 100%;max-width: 100%;vertical-align: middle;}
.footer .fshare {padding: 0;overflow: hidden;margin-bottom: 20px;}
.footer .fshare a {display: inline-block;width: 35px;height: 35px;background: #16191f;border-radius: 5px;margin-right: 5px;text-align: center;}
.footer .fshare a img {width: 70%;height: 100%;object-fit: contain;display: block;margin: 0 auto;}
.footer .fshare a:hover{background: #414656;}
.footer .fnavlist {width: 33.3%;float: left;}
.footer .fnavlist li {line-height: 40px;}
.footer .fnavlist li a {color: #fff;font-size: 2rem;font-family: "Franklin";line-height: 40px;display: block;text-transform: capitalize;}
.footer .fnavlist li a:hover {color: #c4f041;}

/*-------Personal--------*/
.nbantop {padding: 30px 0;overflow: hidden;background: url(../images/nban.jpg) no-repeat center;background-size: cover;border-radius: 20px;text-align: center;}
.nbantop .nbanuser {width: 185px;height: 185px;border-radius: 50%;overflow: hidden;border: 1px solid #636363;margin:0 auto 16px;}
.nbantop .nbanuser img {display: block;width: 100%;height: 100%;object-fit: cover;}
.nbantop .nbanlogo {height: 38px;width: 244px;padding: 0;overflow: hidden;margin:0 auto 15px;}
.nbantop .nbanlogo img {display: block;width: 100%;height: 100%;object-fit: contain;}
.nbantop .nbanintro {padding: 0;overflow: hidden;}
.nbantop .nbanintro p {color: #fff;font-size: 18px;line-height: 30px;}
.nbantop .nbanintro .intro {padding: 0;overflow: hidden;text-align: center;color: #fff;font-size: 18px;line-height: 30px;}
.nbantop .nbanintro span {display: inline-block;color: #fff;font-size: 18px;line-height: 30px;margin:0 5px;}
/*nbannav*/
.nbannav {margin:20px 0 35px;padding: 20px 0;overflow: hidden;background: #c4f041;border-radius: 20px;text-align: center;}
.nbannav a {display: inline-block;color: #8a8a8a;font-size: 20px;line-height: 37px;position: relative;padding:0 10px;margin: 0 20px;font-family: "Franklin";}
.nbannav a i {display: inline-block;width: 17px;height: 30px;background: url(../images/neye.png) no-repeat center;background-size: contain;margin-top: 3px;float: left;margin-right: 5px;}
.nbannav a:after {content: "";width: 0%;height: 2px;background: #272c32;position: absolute;left: 50%;bottom: 0;z-index: 2;transition: all 0.3s;}
.nbannav a:hover,.nbannav a.on {color: #272c32;}
.nbannav a:hover:after,.nbannav a.on:after {width: 100%;left: 0;} 
/*Livestream*/
.livestream {padding: 0;overflow: hidden;margin-bottom: 7rem;}
.livestream .livtit {padding: 0;overflow: hidden;margin-bottom: 5px;}
.livestream .livtit  h2 {color: #c4f041;font-size: 20px;line-height: 45px;}
.livestream .livlista,.livestream .livlista ul {padding: 0;overflow: hidden;}
.livestream .livlista ul li {width: 33.33%;float: left;padding: 0 5px;overflow: hidden;}
.livestream .livlista ul li .livitem {padding-bottom: 91%;position: relative;z-index: 2;overflow: hidden;border-radius: 25px;}
.livestream .livlista ul li a {display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.livestream .livlista ul li .livimg {position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.livestream .livlista ul li img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease;}
.livestream .livlista ul li:hover img {
  transition: 1s;
  transform:scale(1.05,1.05); 
  -ms-transform:scale(1.05,1.05);   /* IE 9 */
  -moz-transform:scale(1.05,1.05);  /* Firefox */
  -webkit-transform:scale(1.05,1.05);  /* Safari 和 Chrome */
  -o-transform:scale(1.05,1.05); }
.livestream .livlista ul li .livT {padding:5rem;overflow: hidden;background: #c4f041;border-radius: 25px;margin-bottom: 3rem;}
.livestream .livlista ul li .livT h2 {color: #111110;font-size: 7rem;line-height: 0.8;}
.livestream .livlista ul li .livT h5 {color: #111110;font-size: 15px;line-height: 0.8;width: 80%;padding: 20px 20px 25px 0;overflow: hidden;}
.livestream .livlista ul li .livT em {display: block;width: 139px;height: 67px;background: url(../images/livjt.png) no-repeat center;float: right;background-size: contain;}
.livestream .livlista ul li .livesmall {padding: 20px;overflow: hidden;}
.livestream .livlista ul li .livesmall h5 {color: #fff;font-size: 15px;line-height: 0.8;width: 80%;}
/*.livestream .livlista ul li a:hover h5,.livestream .livlista ul li a:hover h2 {color: #fff;}*/
.livlistb {padding: 0;overflow: hidden;margin-bottom: 60px;}
.livlistb .livbitem {padding: 0 5px;overflow: hidden;float: left;margin-bottom: 5px;position: relative;}
.livlistb .livb3 {width: 30%;height: 540px;}
.livlistb .livb2 {width: 20%;height: 540px;}
.livlistb .livb5 {width: 50%;height: 775px;}
.livlistb .livbitem a {display: block;width: 100%;height: 100%;}
.livlistb .livbitem .livbimg {position: absolute;left: 5px;right: 5px;height: 100%;z-index: 1;border-radius: 25px;overflow: hidden;}
.livlistb .livbitem .livbimg img {width: 100%;height: 100%;object-fit: cover;transition: all 1s ease;display: block;}
.livlistb .livbitem .livbtit {position: absolute;z-index: 3;top:50%;margin-top: -9rem;padding: 0 30px;width: 100%;}
.livlistb .livbitem .livbtit h2,.livlistb .livbitem .livbtit h3 {color: #fff;font-size: 7rem;position: relative;z-index: 3;}
.livlistb .livbitem .livbtit h2 {text-align: right;}
.livlistb .livbitem .livbtit h3 {line-height: 0.8;}
.livlistb .livbitem .livbtit:after {content: "";width: 14rem;height: 14rem;background: #c4f041;border-radius: 50%;overflow: hidden;position: absolute;bottom: 30px;left: 0;z-index: 1;}
.livlistb .livbitem:hover .livbimg img {
  transition: 1s;
  transform:scale(1.05,1.05); 
  -ms-transform:scale(1.05,1.05);   /* IE 9 */
  -moz-transform:scale(1.05,1.05);  /* Firefox */
  -webkit-transform:scale(1.05,1.05);  /* Safari 和 Chrome */
  -o-transform:scale(1.05,1.05); }
.livlistb .livb5 .livbcon {padding: 50px;overflow: hidden;background: #c4f041;height: 100%;position: relative;}
.livlistb .livb5 .livbcon h2 {color: #111110;font-size: 7rem;line-height: 1;margin-bottom: 20px;}
.livlistb .livb5 .livbcon .livbp {padding: 0;overflow: hidden;position: relative;z-index: 2;}
.livlistb .livb5 .livbcon .livbp,.livlistb .livb5 .livbcon .livbp p {color: #111110;font-size: 2rem;line-height: 30px;font-family: "Franklin";}
.livlistb .livb5 .livbcon em {display: block;width: 98px;height: 98px;background: #585e6f;border-radius: 50%;overflow: hidden;position: absolute;right: 50px;bottom: 50px;z-index: 1;}

/*产品详情页面*/
.mpbg {background: url(../images/bg_pro.jpg) no-repeat top center;background-size: cover;}
.mpbg .header {background: url(../images/usertitbg.png) no-repeat left center;background-size: 100% 100%;border-radius: 0;margin-bottom: 30px;}
.mpbg .header .hseach .search-form {border: 1px solid #fff;}
.mpbg .promianbox {padding: 0;overflow: hidden;margin-bottom: 14rem;}
.mpbg .promianbox .proml {width: calc(100% - 310px);}
.mpbg .promianbox .promr {width: 300px;}
.promianbox .proml .pcrumbs {padding: 0;overflow: hidden;margin-bottom: 35px;color: #fff;font-size: 2rem;line-height: 30px;font-family: "Franklin";}
.promianbox .proml .pcrumbs a {color: #fff;font-size: 2rem;line-height: 30px;font-family: "Franklin";}
/*产品相册*/
.mpbg .prophoto {padding:0 0 120px;overflow: hidden;background: url(../images/probg.png) no-repeat top center;position: relative;background-size: auto 90%;}
.mpbg .prophoto .photo {padding: 0;overflow: hidden;}
.mpbg .prophoto .photo .swiper-container {padding:0;overflow: hidden;position: relative;}
.mpbg .prophoto .cpbigimg {padding: 0;overflow: hidden;position: relative;width: 70%;margin: 0 auto;}
.mpbg .prophoto .cpbigimg .cptit {padding: 0;overflow: hidden;position: absolute;left: 0;top:0;z-index: 3;}
.mpbg .prophoto .cpbigimg .cptit  h2 {color: #fff;font-size: 6rem;line-height: 1;padding-left: 40px;}
.mpbg .prophoto .cpbigimg .cptit em {display: block;height: 32px;width: 378px;background: url(../images/protitbg.png) no-repeat left center;background-size: contain;}
.mpbg .prophoto .cpphoto {padding-bottom: 60%;overflow: hidden;text-align: center;position: relative;z-index: 1;}
.mpbg .prophoto .cpphoto img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: contain;transition: .3s all;}
.mpbg .prophoto .photo .swiper .pnext:after,.mpbg .prophoto .photo .swiper .pprev:after {color: #c2c2c2;}
.mpbg .prophoto .smllimg {position: absolute;left: 0;right: 0;bottom: 0;z-index: 3;}
.mpbg .prophoto .cpthumbs {padding:15px 25%;overflow: hidden;/*background: url(../images/thumbbg.png) no-repeat center;background-size: 100% 100%;*/position: relative;}
.mpbg .prophoto .cpthumbs .swiper-slide {padding:10px;overflow: hidden;}
.mpbg .prophoto .cpthumbs .cpsmall {padding-bottom: 50%;overflow: hidden;text-align: center;position: relative;z-index: 1;border: 1px solid #fff;background: #34322d;box-shadow: 0 0 5px 5px #828972;border-radius: 5px;}
.mpbg .prophoto .cpthumbs .cpsmall img {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;object-fit: cover;transition: .3s all;}
.mpbg .prophoto .cpthumbs .mySwiper .swiper-slide-thumb-active .cpsmall {box-shadow: 0 0 5px 5px #869f3b;border: 1px solid #869f3b;}
.mpbg .prophoto .cpthumbs .pnext,.mpbg .prophoto .cpthumbs .pprev {width: 105px;height: 92px; top: 50%;margin-top: -46px;}
.mpbg .prophoto .cpthumbs .pnext {left: 80%;}
.mpbg .prophoto .cpthumbs .pprev {right: 80%;left: auto;}
.mpbg .prophoto .cpthumbs .pnext:after,.mpbg .prophoto .cpthumbs .pprev:after {content: "";width: 105px;height: 92px;} 
.mpbg .prophoto .cpthumbs .pnext:after {background: url(../images/pror.png) no-repeat center;background-size: contain;}
.mpbg .prophoto .cpthumbs .pprev:after {background: url(../images/prol.png) no-repeat center;background-size: contain;}
.mpbg .prophoto .smllimg .cpnotice {padding: 20px 25%;overflow: hidden;}
.mpbg .prophoto .smllimg .cpnotice h5 {color: #fff;font-size: 2rem;line-height: 30px;}
/*Comment*/
.haddfav {padding: 15px 15%;overflow: hidden;background: #c4f041;border-radius: 25px;margin-bottom: 50px;}
.haddfav .haddfavl,.haddfav .haddfavr {width: 50%;}
.haddfav .haddfavl .haddsc {padding: 0;overflow: hidden;float: left;margin-right: 5rem;}
.haddfav .haddfavl .haddsc span {color: #111110;font-size: 2rem;line-height: 30px;font-family: "Franklin";display: block;}
.haddfav .haddfavl .haddsc #collection {padding: 0;overflow: hidden;float: left;width: 20px;height: 18px;float:left;margin-top: 6px;margin-right: 15px;}
.haddfav .haddfavl .haddsc #collection img {width: 100%;height: 100%;object-fit: contain;display: block;}
.haddfav .haddfavl .gomess {padding: 0;overflow: hidden;float: left;}
.haddfav .haddfavl .gomess h5 {color: #111110;font-size: 2rem;line-height: 30px;}
.haddfav .haddfavl .gomess h5 i {display: inline-block;width: 20px;height: 18px;background:url(../images/mess.png) no-repeat center;background-size: contain;float: left;margin-top:6px;margin-right: 15px;}
.haddfav .haddfavr {padding: 0;overflow: hidden;text-align: right;}
.haddfav .haddfavr a {display: inline-block;margin: 3px 10px 0;}
.haddfav .haddfavr #hadd3 { padding: 0 10px;height: 30px;text-align: center; line-height: 30px;float: right;color: #897983;font-weight: bold;cursor: pointer;}
.haddfav .haddfavr a i {width: 20px;height: 30px;display: inline-block;}
.haddfav .haddfavr a i.hadd1 {background: url(../images/hadd1.png) no-repeat center;background-size: contain;}
.haddfav .haddfavr a i.hadd2 {background: url(../images/hadd2.png) no-repeat center;background-size: contain;}
.haddfav .haddfavr a i.hadd2a {background: url(../images/hadd2a.png) no-repeat center;background-size: contain;}
.haddfav .haddfavr a i.hadd3 {background: url(../images/hadd3.png) no-repeat center;background-size: contain;vertical-align: middle;}
.haddfav .haddfavr #hadd3:visited { background: #b9d566;}

  /* 样式用于居中弹出框 */
  .popup {display: none;position: fixed; top: 50%; left: 50%;transform: translate(-50%, -50%);background-color: #f1f7e0; border: 1px solid #c4f041;padding: 5px;z-index: 1000;box-shadow: 0 0 10px rgba(0,0,0,0.1);max-width: 90%;max-height: 90%;overflow: auto; border-radius: 15px;}
  .popup .popcon {padding: 25px;overflow: hidden;position: relative;}
  /* 关闭按钮样式 */
   .popup .popcon  .close-btn {background: url(../images/delete.png) no-repeat center;
    background-size: contain;width: 24px;height: 24px;border: none;cursor: pointer;position: absolute;right: 4px;top: 4px; z-index: 100; background-color: #0f86fb;border-radius: 50%;}
.popup .popcon .popnr a {font-size: 14px;color: #f00;}
.haddcom {width: 60%;margin: 0 auto;padding: 0;overflow: hidden;}
.haddcom .hadduser {padding: 0;overflow: hidden; }
.haddcom .hadduser .huser_logo {width: 44px;height: 44px;border: 1px solid #a8a9a3;border-radius: 50%;overflow: hidden;margin-right: 15px;}
.haddcom .hadduser .huser_logo img {display: block;width: 100%;height: 100%;object-fit: cover;}
.haddcom .hadduser .huser_name {padding: 0;overflow: hidden;}
.haddcom .hadduser .huser_name h2 {color: #c4f041;font-size: 20px;line-height: 23px;}
.haddcom .hadduser .huser_name p {color: #c4f041;font-size: 15px;line-height: 23px;}
.haddcom .hadduser .huser_time {padding: 0;overflow: hidden;}
.haddcom .hadduser .huser_time p{color: #c4f041;font-size: 15px;line-height: 46px;}
.haddcom .huser_shuju {padding: 0;overflow: hidden;margin:30px auto;}
.haddcom .huser_shuju li {padding: 0;overflow: hidden;float: left;margin-right: 20px;color: #c4f041;font-size: 12px;line-height: 18px;}
.haddcom .huser_shuju li i {display: inline-block;width: 20px;height: 18px;float: left;margin-right: 7px;}
.haddcom .huser_shuju li i.icon_u1 {background: url(../images/icon_u1.png) no-repeat center;background-size: contain;}
.haddcom .huser_shuju li i.icon_u2 {background: url(../images/icon_u2.png) no-repeat center;background-size: contain;}
.haddcom .huser_shuju li i.icon_u3 {background: url(../images/icon_u3.png) no-repeat center;background-size: contain;}
.haddcom .huser_shuxing {padding: 0;overflow: hidden;}
.haddcom .huser_shuxing span {display: inline-block;float: left;padding: 0 15px;overflow: hidden;min-width: 70px;text-align: center;color: #c4f041;font-size: 15px;line-height: 60px;border: 1px solid #899369;box-shadow: 0 0 5px 5px #899369 inset;border-radius: 15px;margin:0 6px 5px;font-family: "Franklin";}
.haddcom .huser_con {padding: 50px 0;overflow: hidden;}
.haddcom .huser_con,.haddcom .huser_con p,.haddcom .huser_con span ,.haddcom .huser_con a {color: #b1b1b9;font-size: 15px;line-height: 30px;}
.haddcom .huser_mess {padding: 0;overflow: hidden;}
.haddcom .huser_mess .huser_T {color: #c4f041;font-size: 20px;line-height: 35px;margin-bottom: 25px;}
.haddcom .huser_mess li {padding: 0;overflow: hidden;margin-bottom: 30px;}
.haddcom .huser_mess .huser_tx {width: 34px;height: 34px;border: 1px solid #7a8067;border-radius: 10px;padding: 0;overflow: hidden;float: left;margin-right: 8px;}
.haddcom .huser_mess .huser_tx img {display: block;width: 100%;height: 100%;object-fit: cover;}
.haddcom .huser_mess .huser_nr {width: calc(100% - 42px);float: right;border: 1px solid #7b8268;box-shadow:  0  0 5px 5px #7b8268 inset;padding: 10px;overflow: hidden;border-radius: 10px;}
.haddcom .huser_mess .huser_nr,.haddcom .huser_mess .huser_nr p {color: #c4f041;font-size: 15px;line-height: 25px;}
.haddcom .huser_more {padding: 0;overflow: hidden;background: #c4f041;line-height: 50px;}
.haddcom .huser_more a {display: block;width:100%;line-height: 50px;color: #111110;font-size: 20px;font-family: "Franklin";text-align: center;}
.huser_ly {padding: 0 0 0 42px;overflow: hidden;}
.huser_ly .huser_info {width:100%;border: 1px solid #7b8268;box-shadow:  0  0 5px 5px #7b8268 inset;padding: 10px;overflow: hidden;border-radius: 10px;margin-bottom: 10px;}
.huser_ly,.huser_ly p {color: #c4f041;font-size: 15px;line-height: 25px;}
.huser_ly .huser_info textarea {padding: 0px;overflow: hidden;border: none;display: block;width: 100%;height: 60px; border:none; background-color: transparent;color: #c4f041;line-height: 30px;}
.huser_ly .huser_info  textarea:focus,.huser_ly .huser_info  textarea:hover,.huser_ly .huser_info  textarea:focus-visible{background-color: transparent;outline: none;}
.huser_ly .huser_info  input:-webkit-autofill,.huser_ly .huser_info   input:-webkit-autofill:hover, .huser_ly .huser_info  input:-webkit-autofill:focus {box-shadow: 0 0 0 60px #454644 inset;
    -webkit-text-fill-color: #c4f041;}
.huser_ly .huser_info  textarea::-webkit-input-placeholder{
  color:#c4f041;
} 
.huser_ly .huser_info  textarea:-moz-placeholder{
caret-color:#c4f041;
}
.huser_ly .huser_info  textarea::-moz-placeholder{
  color:#c4f041;
}
.huser_ly .huser_info  textarea:-ms-input-placeholder{
flood-color:#c4f041;
}
.finfo-botton button {width: 120px;height: 40px;border:none;outline: none;background-color: transparent;color: #ccf456;font-size: 12px;line-height: 40px;text-align: center;font-weight: bolder;margin:0 1%;border-radius: 5px;box-shadow: inset 0px 0px 6px 6px #838f61;}
.finfo-botton button.confirm,.finfo-botton button:hover{background: #c4f041;color: #06070d;box-shadow: none;transition: all 0.3s;}

/*promr*/
.promr .prosuo {overflow: hidden;border-radius: 5px;border: 1px solid #a0a78a;box-shadow: 0 0 5px 5px #626c36 inset;padding-bottom:86%;position:relative;z-index:1; background: #282520;}
.promr .prosuo img {display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top:0;z-index: 1;}
.promr .prouser {margin:17px 0 13px;padding: 0;overflow: hidden;}
.promr .prouser .prouser_tx {width: 44px;height: 44px;border: 1px solid #a8a9a3;border-radius: 50%;overflow: hidden;margin-right: 15px;}
.promr .prouser .prouser_tx img {display: block;width: 100%;height: 100%;object-fit: cover;}
.promr .prouser .prouser_name {padding: 0;overflow: hidden;width: calc(100% - 59px);}
.promr .prouser .prouser_name h2 {color: #fff;font-size: 20px;line-height: 23px;}
.promr .prouser .prouser_name p {color: #fff;font-size: 15px;line-height: 23px;}
.promr  .prouser_save {padding: 0;overflow: hidden;text-align: center;margin-bottom: 30px;}
.promr .prouser_save a {display: inline-block;width: 118px;font-size: 17px;line-height: 28px;border: 1px solid #6c715e;border-radius: 25px;margin:0 10px;font-family: "Franklin";cursor: pointer;}
.promr .prouser_save a.prolike {background: #c4f041;color: #000;}
.promr .prouser_save a.nodis {opacity: 0.5;}
.promr .prouser_save a.prosave {color: #c4f041;box-shadow: 0 0 5px 5px #616650 inset;}
.promr .prouser_save a:hover {background: #c4f041;color: #000;box-shadow: none;}
.promr .promz {padding: 0;overflow: hidden;margin-bottom: 10px;}
.promr .promz span {display: inline-block;float: left;color: #c4f041;font-size: 16px;line-height: 30px;font-family: "Franklin";}
.promr .promz a {display: inline-block;float: right;color: #72795d;font-size: 16px;line-height: 30px;font-family: "Franklin";}
.promr .proli ,.promr .proli ul {padding: 0;overflow: hidden;}
.promr ul li {width: 33.33%;float: left;padding: 5px;}
.promr ul li a {display: block;width: 100%;}
.promr ul li .proliitem {padding-bottom: 90%;position: relative;z-index: 1;overflow: hidden;border-radius: 5px;border: 1px solid #6e735f;box-shadow: 0 0 5px 5px #616650 inset;}
.promr ul li .proliitem img {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.promr .promzb {margin-top: 25px;}
.promr .promzb h2{color: #c4f041;font-size: 16px;line-height: 30px;}
.promr .promza {padding: 0;overflow: hidden;}
.promr .promza span {display: inline-block;float: left;color: #72795d;font-size: 16px;line-height: 30px;font-family: "Franklin";}
.promr .promza a {display: inline-block;float: right;color: #72795d;font-size: 16px;line-height: 30px;font-family: "Franklin";}

/*------个人中心页面---------*/
/*about*/
.nabout {padding: 20px 50px 80px;overflow: hidden;background: #45484b;border-radius: 25px;margin-bottom: 30px;}
.nabout .nyupgrade {text-align: center;padding:15px;overflow: hidden;border-radius:10px;border: 1px solid #797f74;box-shadow: 0 0 5px 5px #778067 inset;}
.nabout .nyupgrade span {color: #fff;font-size: 18px;line-height: 30px;font-family: "Franklin";}
.nabout .nyupgrade span a {display: inline-block;padding: 0 20px;background: #fff;margin-left: 80px;color: #06070c;font-size: 18px;font-family: "Franklin";}
.nymainbox {padding: 0;overflow: hidden;}
.nymainbox .nynav {width: 340px;padding: 100px 0 30px;overflow: hidden;}
.nymainbox .nynav ul {padding: 0;overflow: hidden;}
.nymainbox .nynav ul li {padding: 0;overflow: hidden;line-height: 42px;margin-bottom: 20px;}
.nymainbox .nynav ul li a {color: #c4f041;font-size: 18px;line-height: 42px;transition: all 0.3s;}
.nymainbox .nynav ul li a:hover {padding-left: 5px;}
.nymainbox .nymain {width: calc(100% - 340px);padding: 60px 30px 20px;overflow: hidden;}
.nymainbox .nymain .nymainT {color: #c4f041;font-size: 3.7rem;line-height: 1;margin-bottom: 5rem;}
.nymain .ny_shuju {padding: 0;overflow: hidden;margin:30px auto;}
.nymain .ny_shuju li {padding: 0;overflow: hidden;float: left;margin-right: 50px;color: #c4f041;font-size: 16px;line-height: 35px;}
.nymain .ny_shuju li i {display: inline-block;width: 29px;height: 35px;float: left;margin-right: 7px;}
.nymain .ny_shuju li i.icon_n1 {background: url(../images/icon_n1.jpg) no-repeat center;background-size: contain;}
.nymain .ny_shuju li i.icon_n2 {background: url(../images/icon_n2.jpg) no-repeat center;background-size: contain;}
.nymain .ny_shuju li i.icon_n3 {background: url(../images/icon_n3.jpg) no-repeat center;background-size: contain;}
.nymain .nycontent {padding:30px 0 50px;overflow: hidden;border-bottom:1px solid #8a8a8a;}
.nymain .nycontent,.nymain .nycontent p {color: #fff;font-size: 16px;line-height: 30px;}
.nymain .nycontent a {color: #c4f041;font-size: 16px;line-height: 30px;}
.nymain .nycontent p,.nymain .nycontent a {margin-bottom: 20px;}
/*Private*/
.nycollect {padding: 90px 10px;overflow: hidden;border-radius: 10px;border: 1px solid #797f74;box-shadow: 0 0 5px 5px #778067 inset;margin: 35px 0 50px;text-align: center;}
.nycollect h2 {color: #c4f041;font-size: 24px;line-height: 50px;margin-bottom: 30px;}
.nycollect a {display: block;width: 165px;line-height: 40px;background: #c4f041;border-radius: 25px;overflow: hidden;border:1px solid #7c8176;color: #06070d;font-size: 15px;font-family: "Franklin";margin:0 auto;transition: all 0.3s;}
.nycollect a:hover {letter-spacing: 2px;}
/*Stats*/
.nymain .nystatistic {padding: 0;overflow: hidden;margin-bottom: 35px;}
.nymain .nystatistic p {color: #c4f041;font-size: 18px;line-height: 30px;}
.nymainT2  {color: #c4f041;font-size: 30px;line-height: 50px;}
.nymain .nytimestats {padding: 30px 40px;overflow: hidden;background: #161a1f;border-radius: 10px;}
.nymain .nytimestats ul {padding: 0;overflow: hidden;}
.nymain .nytimestats ul li {padding: 30px 0;overflow: hidden;border-radius: 5px;border: 1px solid #21272b;width: 23%;float: left;text-align: center;margin:0 1% 20px;}
.nymain .nytimestats ul li h3 {color: #fff;font-size: 30px;line-height: 45px;}
.nymain .nytimestats ul li p {color: #838592;font-size: 16px;line-height: 30px;}
/*subscriptions*/
.nysubscriptions {padding: 55px 10px 150px;overflow: hidden;border-radius: 10px;border: 1px solid #797f74;box-shadow: 0 0 5px 5px #778067 inset;margin: 35px 0 50px;text-align: center;}
.nysubscriptions h2 {color: #c4f041;font-size: 24px;line-height: 50px;margin-bottom: 15px;}
.nysubscriptions p {color: #c4f041;font-size: 18px;line-height: 25px;}
.nysubscriptions .nysubutton {padding: 30px 0;overflow: hidden;text-align: center;}
.nysubscriptions .nysubutton a {display: inline-block;padding: 0 40px;overflow: hidden;border: 1px solid #7c8176;border-radius: 25px;line-height: 40px;font-size: 15px;margin:0 20px;font-family: "Franklin";}
.nysubscriptions .nysubutton a.tier {color: #ccf456;box-shadow: 0 0 5px 5px #737c62 inset;} 
.nysubscriptions .nysubutton a.core {color: #06070d;background: #c4f041;} 
.nysubscriptions .nysubutton span {display: inline-block;padding: 0 10px;background: #000;color: #fff;height: 30px;margin-top: 5px;float: right;line-height: 30px;margin-left: 10px;border-radius: 5px;font-family: "Franklin";}
/*shop*/
.nyshopnr {padding: 55px 0 35px;overflow: hidden;text-align: center;}
.nyshopnr span {display: inline-block;color: #c4f041;font-size: 16px;line-height: 30px;margin:0 35px;}
.nyshopbutton {padding: 0;overflow: hidden;text-align: center;}
.nyshopbutton  span {display: inline-block;padding: 12px 50px;overflow: hidden;background: #c4f041;border-radius: 15px;line-height: 32px;margin:0 auto;color: #000;font-size: 16px;}
.nyshopbutton  span a {display: inline-block;color: #06070c;font-size: 16px;font-family: "Franklin";padding: 0 24px;overflow: hidden;border: 1px solid #06070c;line-height: 30px;float: right;margin-left: 20px;transition: all 0.3s;}
.nyshopbutton  span a i {display: inline-block;width: 18px;height: 18px;background: url(../images/shopjia.png) no-repeat center;background-size: contain;float: left;margin:6px 5px 0;}
.nyshoptit {color: #c4f041;font-size: 24px;line-height: 40px;}
.nyshopbutton  span a:hover {border-radius: 20px;}
/*posts*/
.nyposts {max-width: 960px;margin: 45px auto;}
.nyposts .nypostT {padding: 0;overflow: hidden;}
.nyposts .nypostT a {display: inline-block;color: #c4f041;font-size: 24px;line-height: 50px;font-family: "Franklin";margin-right: 100px;}
.nyposts .nypostsgo {padding: 30px 50px;overflow: hidden;border: 1px solid #797f74;box-shadow: 0 0 5px 5px #737c62 inset;border-radius: 10px;margin-bottom: 15px;}
.nyposts .nypostsgo .nypostsinput {padding:15px 30px;overflow:hidden; border: 1px solid #797f74;box-shadow: 0 0 5px 5px #737c62 inset;border-radius: 10px;color: #c4f041;font-size: 18px;line-height: 35px;}
.nyposts .nypostsgo .nypostsbutton {text-align: center;padding: 25px 0;overflow: hidden;color: #c4f041;font-size: 15px;}
.nyposts .nypostsgo .nypostsbutton a {display: inline-block;color: #c4f041;font-size: 15px;line-height: 40px;width: 30%;transition: all 0.3s;}
.nyposts .nypostsgo .nypostsbutton a:hover {color: #92b32e;}
.nyposts .nypostsjournal {padding: 70px 50px 100px;overflow: hidden;border: 1px solid #797f74;box-shadow: 0 0 5px 5px #737c62 inset;border-radius: 10px;text-align: center;}
.nyposts .nypostsjournal h2 {color: #c4f041;font-size: 24px;line-height: 50px;margin-bottom: 5px;}
.nyposts .nypostsjournal p {color: #c4f041;font-size: 18px;line-height: 25px;width: 66%;margin: 0 auto;}
/*Exclusives*/
.nyhide {padding: 0;overflow: hidden;margin:50px 0;background: #c4f041;border-radius: 10px;line-height: 60px;border: 1px solid #878787;text-align: center;color: #000;font-size: 18px;}
.nyhide span {color: #000;font-size: 18px;line-height: 60px;font-family: "Franklin";cursor: pointer;}
/*Favourites*/
.nyfavbox {width: 80%;margin: 0 auto;}
.nyguanli {padding: 0;overflow: hidden;}
.nyfavtit {padding: 0;overflow: hidden;color: #c4f041;font-size: 20px;line-height: 40px;margin-top:45px;margin-bottom: 15px;}
.nyfavtit i {display: inline-block;width: 13px;height: 36px;background: url(../images/downjt.png) no-repeat center;background-size:contain;vertical-align:middle; }
.nyguanli .nyfavtit  {width: 60%;float: left;}
.nyguanli #showButton { margin-top: 45px;margin-bottom: 15px;width: 100px;height: 40px;float: right;border:none;outline: none;background-color: transparent;color: #ccf456;font-size: 15px;line-height: 40px;text-align: center;font-weight: bolder;border-radius: 25px;box-shadow: inset 0px 0px 6px 6px #838f61;}
.mxguanli {text-align: right;color: #c4f041;font-size: 15px;line-height: 30px;padding: 0;overflow: hidden;}
.mxguanli  input {border:1px solid #8b9474;height: 30px;line-height: 30px;box-shadow: inset 0px 0px 6px 6px #838f61;background-color: transparent;transition: box-shadow 0.3s;width: 100%;border-radius: 4px;padding: 0 10px;color: #fff;font-size: 15px;outline: none;}
.mxguanli  input[type="checkbox"] {width: 30px;background-color: transparent;-webkit-appearance:none;/*去除默认外观*/-moz-appearance:none;appearance: none;outline: none;vertical-align: middle;margin: 0 5px 0 0;}
.mxguanli  input[type="checkbox"]:checked{background:url(../images/yes.png)no-repeat center center #d3f46a;box-shadow: none;}
.mxguanli button {padding: 0 10px;height: 30px;border:none;outline: none;background-color: #838f61;font-size: 15px;line-height: 30px;text-align: center;border-radius: 5px;margin-left: 15px;}
.nypaixu {padding: 0;overflow: hidden;}
.nypaixu label {color: #c4f041;font-size: 15px;line-height: 40px;}
.favlist {padding: 0;overflow: hidden;}
.favlist .favitem {width:calc(20% - 20px);padding: 10px;overflow: hidden;float: left;border: 1px solid #cccfd1;border-radius: 5px;margin:10px;position: relative;}
.favlist .favitem a {display: block;width: 100%;}
.favlist .favitem .favimg {padding-bottom: 76%;overflow: hidden;position: relative;z-index: 2;background: #25221d;border: 1px solid #25221d;margin-bottom: 10px;}
.favlist .favitem .favimg img {display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 2;}
.favlist .favitem .favname {padding: 0;overflow: hidden;}
.favlist .favitem .favname h2 {color: #c4f041;font-size: 15px;line-height: 30px;height: 30px;  overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.favlist .favitem .favname p {color: #c4f041;font-size: 12px;line-height: 13px;margin-top: 5px;height: 13px;}
.favlist .favitem .favname p i {display: inline-block;width: 15px;height: 13px;background: url(../images/img.png) no-repeat center;background-size: contain;float: left;margin-right: 5px;}
.favlist .favitem:hover {box-shadow: 0 0 5px 5px #7a8954 inset;}
.favlist .favitem:hover .favimg {box-shadow: 0 0 5px 5px #7a8954 inset;border: 1px solid #fff;border-radius: 5px;}
.favlist .favitem .favupload {position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 3;width: 100%;}
.favlist .favitem.fup .favimg {opacity: 0;}
.favlist .favitem .favupload  input {width: 100%;height: 100%;opacity: 0;position: relative;z-index: 3;top:0;left: 0;}
.favlist .favitem .favupload .uplosdtext {padding: 0;overflow: hidden;position: absolute;top: 50%;text-align: center;width: 100%;margin-top: -35px;}
.favlist .favitem .favupload em {display: block;color: #c4f041;font-size: 28px;line-height: 40px;}
.favlist .favitem .favupload h2 {color: #c4f041;font-size: 20px;line-height: 30px;}
.favlist .scimgbox .favitem {width: calc(16% - 20px);}
.favlist .scimg ,.scbutton{padding: 0;overflow: hidden;}
.favlist .finfo-botton,.favlist .finfo-text {padding: 0px;overflow: hidden;margin:10px;text-align: center;width: calc(60% - 20px);}
.favlist .finfo-botton button {width: 45%;height: 40px;border:none;outline: none;background-color: transparent;color: #ccf456;font-size: 12px;line-height: 40px;text-align: center;font-weight: bolder;margin:0 1%;border-radius: 5px;box-shadow: inset 0px 0px 6px 6px #838f61;}
.favlist .finfo-botton button.cancel,.favlist .finfo-botton button:hover{background: #c4f041;color: #06070d;box-shadow: none;transition: all 0.3s;}
.favlist .finfo-text input  {border:1px solid #8b9474;height: 36px;line-height: 36px;box-shadow: inset 0px 0px 6px 6px #838f61;background-color: transparent;transition: box-shadow 0.3s;width: 100%;border-radius: 4px;padding: 0 5px;color: #fff;font-size: 15px;outline: none;}
.favlist .finfo-text textarea {padding: 10px;
    overflow: hidden;
    border: 1px solid #7e856a;
    box-shadow: 0 0 5px 5px #768057 inset;
    margin: 10px 0;display: block;width: 100%;height: 240px; border:none; background-color: transparent;color: #fff;line-height: 30px;}
.favlist .finfo-text  input:focus,.favlist .finfo-text  input:hover,.favlist .finfo-text  input:focus-visible,.favlist .finfo-text  textarea:focus,.favlist .finfo-text  textarea:hover,.favlist .finfo-text  textarea:focus-visible{background-color: transparent;outline: none;}
.favlist .finfo-text  input:-webkit-autofill,.favlist .finfo-text   input:-webkit-autofill:hover, .favlist .finfo-text  input:-webkit-autofill:focus {box-shadow: 0 0 0 60px #454644 inset;
    -webkit-text-fill-color: #fff;}
.favlist .finfo-text  textarea::-webkit-input-placeholder{
  color:#fff;
} 
.favlist .finfo-text  textarea:-moz-placeholder{
caret-color:#fff;
}
.favlist .finfo-text  textarea::-moz-placeholder{
  color:#fff;
}
.favlist .finfo-text  textarea:-ms-input-placeholder{
flood-color:#fff;
}
.favlist .finfo-text  input::-webkit-input-placeholder{
  color:#fff;
}
.favlist .finfo-text  input::-moz-placeholder{
  color:#fff;
}
.favlist .finfo-text  input::-moz-placeholder{
  color:#fff;
}
.favlist .finfo-text  input:-ms-input-placeholder{
  flood-color:#fff;
}
.favlist .finfo-text  input:-webkit-autofill,
.favlist .finfo-text   input:-webkit-autofill:hover,
.favlist .finfo-text   input:-webkit-autofill:focus {
  box-shadow:0 0 0 60px #414656 inset; 
  -webkit-text-fill-color: #fff;
}

.favitem  .delete-button {background: url(../images/delete.png) no-repeat center;background-size: contain; width: 24px;height: 24px;border: none;cursor: pointer;position: absolute; right: 4px;top: 4px; z-index: 100;opacity: 0.6;}
.favitem:hover  .delete-button{opacity: 1;}
.favlist2,.favlist2 ul {padding: 0;overflow: hidden;}
.favlist2 ul li {width: 20%;padding: 10px;overflow: hidden;float: left;}
.favlist2 ul li a {display: block;width: 100%;}
.favlist2 ul li .favpic {padding-bottom: 66%;position: relative;overflow: hidden;z-index: 1;border: 1px solid #282520;background: #282520;border-radius: 5px;}
.favlist2 ul li .favpic img {display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 2;}
.favlist2 ul li:hover .favpic {box-shadow: 0 0 3px 3px #808679;border: 1px solid #808679;} 
.favlist2 ul li:hover .favpic  img {box-shadow: 0 0 5px 5px #5e6a34 inset;}
.favlist2 li .favname {padding: 0;overflow: hidden;}
.favlist2 li .favname h2 {color: #c4f041;font-size: 20px;line-height: 30px;height: 30px;}
.favlist2 li .favname p {color: #c4f041;font-size: 12px;line-height: 13px;margin-top: 5px;height: 13px;}

/*关注列表*/
.followlist {padding: 0;overflow: hidden;}
.followlist .followitem {width:calc(25% - 10px);padding: 10px;overflow: hidden;float: left;margin:5px;position: relative;}
.followlist .followitem a {display: block;width: 100%;}
.followlist .followitem {padding: 0;overflow: hidden; }
.followlist .followitem .huser_logo {width: 44px;height: 44px;border: 1px solid #a8a9a3;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.followlist .followitem .huser_logo img {display: block;width: 100%;height: 100%;object-fit: cover;}
.followlist .followitem .huser_name {padding: 0;overflow: hidden;width:calc(100% - 54px);}
.followlist .followitem .huser_name h2 {color: #c4f041;font-size: 15px;line-height: 44px;}

/*分页*/
#pagination {padding: 0;overflow: hidden;margin:10px auto;text-align: center;}
#pagination button {background: #cccfd1;color: #000;padding: 2px 10px;border: none;outline: none;font-size: 14px;}
#pagination span {color: #fff;font-size: 14px;line-height: 24px;}
#pagination button[disabled] {opacity: 0.5;}

/*-----inbox-----*/
.nyinbox {width: 86%;margin: 30px auto 50px;padding: 0;overflow: hidden;}
.nyinbox .nyinboxnav {width: 235px;}
.nyinbox .nyinboxnav .nyinboxT {padding: 0;overflow: hidden;margin-bottom: 30px;height: 45px;border-left: 3px solid #c4f041;}
.nyinbox .nyinboxnav .nyinboxT h2 {color: #fff;font-size: 3.8rem;line-height: 45px;display: inline-block;float: left;padding-left: 20px;}
.nyinbox .nyinboxnav .nyinboxT span {color: #fff;font-size:2.8rem;line-height: 45px;float: right;}
.nyinbox .nyinboxnav .nyinboxdh {padding: 0 0 0 20px;overflow: hidden;}
.nyinbox .nyinboxnav .nyinboxdh li {padding: 0 0 10px;margin-bottom: 15px;border-bottom: 1px solid #5e6266;position: relative;}
.nyinbox .nyinboxnav .nyinboxdh li:nth-child(1),.nyinbox .nyinboxnav .nyinboxdh li:nth-child(3),.nyinbox .nyinboxnav .nyinboxdh li:nth-child(7)  {border-bottom: 1px solid #272c32;}
.nyinbox .nyinboxnav .nyinboxdh li span {color: #fff;font-size: 16px;line-height: 30px;}
.nyinbox .nyinboxnav .nyinboxdh li em {color: #fff;font-size: 16px;line-height: 30px;float: right;}
.nyinbox .nyinboxnav .nyinboxdh li:hover span,.nyinbox .nyinboxnav .nyinboxdh li:hover em {color: #c4f041;}
.nyinbox .nyinboxnav .nyinboxdh li.cur:before {content: "";position: absolute;width: 3px;height: 100%;background:#c4f041;position: absolute;left: -20px;z-index: 3;}
.nyinboxmain {width: calc(100% - 250px);float: right;}
.nyinboxmain .nyinboxlist,.nyinboxmain .nyinboxlist ul {padding: 0;overflow: hidden;}
.nyinboxmain .nyinboxlist li {padding:14px  20px 14px 30px;overflow: hidden;margin-bottom: 8px;background: #454644;position: relative;}
.nyinboxmain .nyinboxlist li:before {content: "";width: 3px;background: #c4f041;position: absolute;left: 0;top:14px;bottom: 14px;}
.nyinboxmain .nyinboxlist li a {display: block;width: 100%;}
.nyinboxmain .nyinboxlist li .nyinboxtit {padding: 0;overflow: hidden;position:relative;}
.nyinboxmain .nyinboxlist li .nyinboxpic {width: 30px;height: 30px;border: 1px solid #616161;border-radius: 50%;overflow: hidden;float: left;margin-right: 13px;margin-top: 5px;}
.nyinboxmain .nyinboxlist li .nyinboxpic img {width: 100%;height: 100%;object-fit: cover;display: block;}
.nyinboxmain .nyinboxlist li .nyinboxT {float: right;width: calc(100% - 43px);padding: 0;overflow: hidden;}
.nyinboxmain .nyinboxlist li .nyinboxT h5,.nyinboxmain .nyinboxlist li .nyinboxT span {display: block;color: #fff;font-size: 15px;line-height: 20px;font-family: "DidactGothic";}
.nyinboxmain .nyinboxlist li .nyyjcon {display: block;color: #fff;font-size: 15px;line-height: 30px;font-family: "DidactGothic";}
.nyinboxmain .nyinboxlist li .nyinboxsc {position: absolute;right: 0;top:0;z-index: 2;}
.nyinboxmain .nyinboxlist li .nyinboxsc i {display: block;width: 19px;height: 18px;background: url(../images/nysc.png) no-repeat center;background-size: contain;}
.nyinboxcon {padding: 40px;overflow: hidden;background: #454644;min-height: 500px;position: relative;}
.nyinboxcon .nyinboxstart {padding: 0;overflow: hidden;text-align: center;position: absolute;top:50%;margin-top:-75px;right: 40px;left: 40px;}
.nyinboxcon .nyinboxstart em {display: block;width: 109px;height: 105px;background: url(../images/started.png) no-repeat center;background-size: contain;margin:0 auto 15px;}
.nyinboxcon .nyinboxstart p {color: #fff;font-size: 24px;line-height: 30px;}
/*Spam*/
.nyinboxcona {padding: 0px;overflow: hidden;background: #454644;min-height: 500px;position: relative;}
.nospam {padding: 0;overflow: hidden;text-align: center;background: #454644;box-shadow: 4px 4px 5px #21252a;margin-bottom: 30px;}
.nospam h3 {color: #747473;font-size: 28px;line-height: 70px;}
.nyemail {padding: 30px 0 0;overflow: hidden;}
.nyemail form {padding: 0;overflow: hidden;}
.nyemail .nyyjinput {padding: 15px 0px;overflow: hidden;border-bottom: 1px solid #aaa;margin:0 40px;}
.nyemail .nyyjinput label {color: #fff;font-size: 16px;line-height: 30px;float: left;margin-right: 10px;}
.nyemail .nyyjinput input {border: none;height: 36px;line-height: 36px; background-color: transparent;transition: box-shadow 0.3s;width: calc(100% - 90px);padding: 0 10px; color: #fff;font-size: 15px;outline: none;}
.nyemail .nyyjinput textarea {display: block;width: 100%;padding: 5px 10px; height: 240px; border:none; background-color: transparent;color: #fff;line-height: 30px;}
.nyemail .nyyjinput input:focus,.nyemail .nyyjinput input:hover,.nyemail .nyyjinput input:focus-visible,.nyemail .nyyjinput textarea:focus,.nyemail .nyyjinput textarea:hover,.nyemail .nyyjinput textarea:focus-visible{background-color: transparent;outline: none;}
.nyemail .nyyjinput input:-webkit-autofill,.nyemail .nyyjinput  input:-webkit-autofill:hover, .nyemail .nyyjinput input:-webkit-autofill:focus {box-shadow: 0 0 0 60px #454644 inset;
    -webkit-text-fill-color: #fff;}
.nyemail .nyyjinput textarea::-webkit-input-placeholder{
  color:#fff;
}
.nyemail .nyyjinput textarea:-moz-placeholder{
caret-color:#fff;
}
.nyemail .nyyjinput textarea::-moz-placeholder{
  color:#fff;
}
.nyemail .nyyjinput textarea:-ms-input-placeholder{
flood-color:#fff;
}
.nyemail .nyyjbmit {padding: 0;overflow: hidden;border-top: 1px solid #fff;text-align: right;}
.nyemail .nyyjbmit  a {color: #fff;font-size: 15px;line-height:60px;padding:  0 30px;overflow: hidden;display: inline-block;}
.nyemail .nyyjbmit .draft {float: left;}
.nyemail .nyyjbmit  .send{background: #c4f041;color: #06070d;}

/*上下篇*/
.DetailCur {padding:15px;overflow: hidden;margin:20px auto;border: 1px solid #fff;background: #fff;}
.DetailCur li {width:48%;padding: 0;overflow: hidden;}
.DetailCur li .page-a {font-size: 14px;line-height: 25px;color: #8d8d8d;}
.DetailCur li .page-a a {font-size: 14px;line-height: 25px;color: #8d8d8d;}
.DetailCur li.rr .page-a {text-align: right;}
.DetailCur li .page-a a:hover {color: #000;}

@media (max-width:1750px){
  /*  首页*/
.nav a {padding: 0 1.5rem;font-size: 18px;}
.banner .banli_1 .banimg, .banner .banli_3 .banimg {height: 650px;}
.banner .banli_2 .bantit {padding: 20px;height: 245px;}
.banner .banli_2 .bantit h2 {font-size: 6rem;}
.banner .banli_2 .bantit em {width: 25px;height: 25px;}
.banner .banli_2 .banimg {height: 405px;}
.banner .banli_4 .banimg, .banner .banli_5 .banimg {height: 510px;}
.banner .banli_4 em { right: 3.4rem;bottom: 6.3rem;}
.channels .chanlist {height: 850px;}
.model .modlist .moditem .modtit .modT h2, .model .modlist .moditem .modtit .modT h3 {font-size: 7rem;}
.model .modlist .moditem .mview em {margin-top: 12rem;}
.model .modlist .last-mod .modmore .modm h2 {font-size: 7rem;}
.model .modlist .last-mod .modmore .modm em {width: 78px;height: 78px;}
.model .modlist .moditem .mview span {font-size: 2rem;}
.mainll .channels .chanlist {height: 725px;}
/*产品详情*/
.mpbg .prophoto .cpbigimg {width: 80%;}
.mpbg .prophoto .smllimg .cpnotice {padding: 20px 5%;}
.haddfav {padding: 15px;}
.haddcom {width: 96%;}
}
@media (max-width:1650px){
   .channels .chanlist {height: 795px;}
   .model .modlist .moditem .modtit .modT h2, .model .modlist .moditem .modtit .modT h3 {font-size: 6rem;}
   .model .modlist .moditem .modtit .modT:after {width: 12.5rem;height: 12.5rem;}
   .model .modlist .moditem .mview em {height: 50px;}
   .model .modlist .moditem .mview p {font-size: 2rem;margin-top: 3rem;}
   .model .modlist .moditem .mview span {margin:5rem auto 0;}
}
@media (max-width:1550px){
    /*  首页*/
    .headtop .headlogo {height: 45px;}
    .headtop .headtopjt {width: 55px;height: 55px;}
    .channels .chanlist {height: 735px;}
    .nav {margin: 3rem 1.5rem;}
    .nav a {font-size: 16px;}
    .banner .banli_2 .bantit h2 {font-size: 5.5rem;}
    .model .modlist .last-mod .modmore .modm {padding: 3rem 3rem 0;}
    .model .modlist .last-mod .modmore .modm h2 {font-size: 6.5rem;}
    .mainll .channels .chanlist {height: 700px;}
    /* login*/
    .user_singup .sing_left {padding: 10rem 0 0 10rem;}
    .user_singup .sing_right {width: 85%;}



}
@media (max-width:1440px){
  /*  首页*/
  .header .menu {margin-right: 15px;}
  .header .hshop a,.header .notice a,.header .headr a {font-size: 16px;}
  .header .headr a .user_tx {width: 40px;height: 40px;margin-top: 2px;}
  .header .headr a i {width: 36px;height: 36px;margin-top: 5px;}
  .channels .chanlist {height: 700px;}
  .model .modlist .last-mod .modmore .modm h2 {font-size: 6rem;margin-bottom: 4rem;}
  .model .modlist .last-mod .modmore .modm em {width: 70px;height: 70px;}
  .mainll .channels .chanlist {height: 700px;}
  .mainll .nav a {font-size: 15px;}
  .mainll .model .modlist .moditem .modtit p {margin-bottom: 4rem;}
  .mainll .model .modlist .moditem .modtit .modT h2,.mainll  .model .modlist .moditem .modtit .modT h3 {font-size: 5.5rem;}
  /* login*/
  .user_singup .sing_left h2 {font-size: 8rem;}
  /*inbox*/
  .nyinbox {width: 100%;}
  .infobg .finfo-botton button {width: 40%;margin: 0 4%;}





}
@media (min-width:768px){
  /*  首页*/
}
@media (max-width:1330px){
  /*  首页*/
  .header .logo {height: 20px;width: 136px;margin-top: 10px;}
 .header .logo h1 {line-height: 20px;line-height: 20px;}
 .header .hshop {padding: 0 5px;margin: 0 5px;}
  .header .notice {margin-left: 5px;} 
  .header .notice a {margin:0 2px;}
  .header .notice a i {width: 28px;}
  .headtop {padding: 35px 25px;}
  .banner .banli_1 .banimg, .banner .banli_3 .banimg {height: 540px;}
  .banner .banli_2 .bantit h2 {font-size: 3.5rem;}
  .banner .banli_2 .bantit h5 {font-size: 14px;}
  .banner .banli_2 .bantit {height: 200px;}
  .banner .banli_2 .banimg {height: 340px;}
  .banner .banli_4 .banimg, .banner .banli_5 .banimg {height: 415px;}
  .banner .banli_4 em {height: 56px;}
  .channels .chantit h2 {font-size: 4rem;}
 .channels .chanlist {height: 765px;}
 .model .modlist .moditem .modtit {padding: 5rem 2rem;}
.model .modlist .moditem .modtit p {margin-bottom: 4rem;font-size: 14px;}
.model .modlist .moditem .modtit .modT h2, .model .modlist .moditem .modtit .modT h3 {font-size: 5rem;}
.model .modlist .moditem .modtit .modT:after {width: 11rem;height: 11rem;}
.model .modlist .moditem .mview em {margin-top: 7rem;}
.model .modlist .moditem .mview span {margin: 3rem auto 0;}
.model .modlist .moditem .mcl h3 {font-size: 16px;margin-bottom: 5px;}
.model .modlist .moditem .mcollect .mcbox { bottom: 1rem;left: 1rem;right: 1rem;}
.model .modlist .moditem .mcl .ulogoimg {width: 35px;height: 35px;}
.model .modlist .moditem .mcl .ulogo h4 {line-height: 35px;font-size: 16px;}
.channels .chanlist {height: 630px;}
.mainll .channels .chanlist {height: 615px;}
/*产品详情*/
.mpbg .prophoto .smllimg .cpnotice h5 {font-size: 15px;line-height: 20px;}
.haddfav .haddfavl .haddsc span,.haddfav .haddfavl .gomess h5 {font-size: 15px;}
/*个人中心*/
.nbantop .nbanuser {width: 130px; height: 130px;}
.nbannav a {padding: 0 10px;margin: 0 10px;font-size: 18px;line-height: 30px;}
.nbannav a i {margin-top: 0;}
.livestream .livlista ul li .livT {padding: 3rem;margin-bottom: 0;}
.livestream .livlista ul li .livT h2 {font-size: 5rem;}
.livestream .livlista ul li .livT h5 {font-size: 13px;line-height: 1;width: 100%;}
.livestream .livlista ul li .livT em {width: 70px;height: 30px;}
.livlistb .livb3,.livlistb .livb2 {height: 350px;}
.livlistb .livbitem .livbtit h2, .livlistb .livbitem .livbtit h3 {font-size: 4rem;}
.livlistb .livbitem .livbtit:after {bottom: -35px;}
.livlistb .livb5 {height: 600px;}
.livlistb .livb5 .livbcon {padding: 15px;}
.livlistb .livb5 .livbcon h2 {font-size: 4rem;margin-bottom: 10px;}
.livlistb .livb5 .livbcon .livbp, .livlistb .livb5 .livbcon .livbp p {font-size: 15px;line-height: 25px;}
.livlistb .livb5 .livbcon em {width: 70px;height: 70px;}
/*inbox*/
.nyinbox .nyinboxnav {width: 175px;}
.nyinboxmain {width: calc(100% - 190px);}


}
@media (max-width:1280px){
  .nav a {border-radius: 5px;padding: 0 10px;}
  .channels .chanlist {height: 805px;}
  .model .modlist .last-mod .modmore .modm em {width: 50px;height: 50px;}
  .mainll .channels .chanlist {height: 720px;}
  /*个人中心*/ 
  .nbannav {padding: 15px 0;}
  .nbannav a {font-size: 16px;}
  .livestream .livlista ul li .livT {padding: 2rem;}
  .livestream .livlista ul li .livT h2 {font-size: 4rem;}
  .livestream .livlista ul li .livT h5 {padding: 10px 0px 15px 0;}
  /* login*/
 .user_singup .sing_right {padding: 5rem 4rem;}
 .nymainbox .nynav {width: 180px;}
 .nymainbox .nymain {width: calc(100% - 180px);}
 /*inbox*/
.nyinbox .nyinboxnav .nyinboxT h2 {font-size: 3rem;}
.nyinboxmain .nyinboxlist li {padding: 14px 10px;}
.nyinboxcon {padding: 20px;}


}
@media (max-width:1200px){
 /*  首页*/
 .header .headl {width: 58%;}
 .header .headr {width: 42%;}
.header .hshop,.header .notice {display: none;}
.header .hseach {margin-left: 8px;}
.headtop {padding:30px  20px;}
.headtop .headlogo {height: 36px; margin-bottom: 10px;}
.headtop .headtopjt {width: 40px;height: 40px;}
.headtop .headnav a {font-size: 16px;}
.nav {margin: 15px 5px;}
.nav a {padding: 0 5px;margin: 0 2px;line-height: 35px;font-size: 15px;}
.banner .banli_1 .banimg, .banner .banli_3 .banimg {height: 450px;}
.banner .banli_2 .bantit h2 {font-size: 24px;margin-bottom: 10px;}
.banner .banli_2 .bantit h5 {font-size: 12px;}
.banner .banli_2 .bantit {height: 170px;}
.banner .banli_2 .banimg {height: 280px;}
.banner .banli_4 .banimg, .banner .banli_5 .banimg {height: 360px;}
.channels .chantit h2 {font-size: 3.5rem;}
.channels .chanlist {height: 760px;}
.model .modlist .moditem .modtit {padding: 20px;}
.model .modlist .moditem .modtit p {font-size: 12px;margin-bottom:2rem;}
.mainll .model .modlist .moditem .modtit .modT h2, .mainll .model .modlist .moditem .modtit .modT h3 {font-size: 4rem;}
.model .modlist .moditem .modtit .modT:after {width: 9rem;height: 9rem;}
.model .modlist .moditem .mview em {margin-top: 6rem;height: 36px;}
.model .modlist .moditem .mview p {font-size: 16px;margin-top: 2rem;}
.model .modlist .moditem .mview span {font-size: 16px;width: 116px;height: 40px;line-height: 40px;}
.model .modlist .moditem .mcollect {padding: 2rem;}
.model .modlist .moditem .mcr span {font-size: 15px;}
.model .modlist .last-mod .modmore .modm h2 {font-size: 5.2rem;margin-bottom: 2rem;}
.model .modlist .last-mod .modmore .modm p {font-size: 12px;line-height: 15px;}
.model .modlist .last-mod .modmore .modm em {width: 40px;height: 40px;margin-top: 15px;}
.mainll .nav a {font-size: 14px;}
.mainll .channels .chanlist {height: 665px;}
/*产品详情*/
.mpbg .promianbox .proml {width: calc(100% - 240px);}
.mpbg .promianbox .promr {width: 230px;}
.promr .prouser .prouser_tx {width: 35px;height: 35px;margin-right: 10px;}
.promr .prouser .prouser_name {width: calc(100% - 45px);}
.promr .prouser .prouser_name p {font-size: 12px;line-height: 20px;}
.promr .prouser_save a {width: 70px;}
/*个人中心*/  
.nbantop {padding: 20px 0;}
.nbantop .nbanuser { width: 100px;height: 100px;}
.nbantop .nbanlogo {height: 30px;}
.nbantop .nbanintro .intro,.nbantop .nbanintro span {font-size: 15px;}
.nbannav a {padding: 0 7px;margin: 0 7px;}
  /* login*/
 .user_singup .sing_right {padding: 3rem;}
 /*pergallery*/
 .nyfavbox {width: 100%;}
 .favlist .favitem .favname h2,.favlist .favitem .favupload h2 ,.favlist2 li .favname h2{font-size: 15px;line-height: 25px;height: 25px;}
  /*upload*/
 .infobg .user_upload {width: 60%;}
 .infobg .user_about {width: 80%;}
 .nymainbox .nymain .nymainT {font-size: 3rem;}
 .nymain .nytimestats ul li {width: 31%;}
 /*inbox*/
 .nyinbox .nyinboxnav {width: 120px;}
 .nyinboxmain .nyinboxlist li .nyinboxT {float:left; width: calc(100% - 65px);}
 .nyinboxcon .nyinboxstart p {font-size: 20px;}
 .nyinboxmain {width: calc(100% - 140px);}


}
@media (max-width:992px){
  /*  首页*/
  .mainll {width: 98%;}
  .nav a {padding: 0 15px;}
  .banner .banli_1 .banimg, .banner .banli_3 .banimg {height: 310px;}
  .banner .banli_2 .banimg {height: 185px;}
  .banner .banli_2 .bantit {padding: 12px;height: 125px;}
  .banner .banli_2 .bantit h2 {font-size: 20px;}
  .banner .banli_2 .bantit em {bottom: 10px;right: 10px;}
  .banner .banli_4 .banimg, .banner .banli_5 .banimg { height: 300px;}
  .banner .banli_4 em {width: 88px;height: 40px;right: 0.4rem; bottom: 2rem;}
  .channels {margin-bottom: 3rem;}
  .channels .chantit h2 {font-size: 24px;line-height: 35px;}
  .channels .chanlist {height: 625px;}
  .mainll .channels .chanlist {height: 625px;}
  .model {margin-bottom: 4rem;}
  .model .modlist .moditem .modtit .modT h2, .model .modlist .moditem .modtit .modT h3 {font-size: 3.5rem;}
  .model .modlist .moditem .modtit .modT {padding: 0 0 1rem 0.5rem;}
  .model .modlist .moditem .modtit .modT:after {width: 7rem;height: 7rem;}
  .model .modlist .moditem .mview em {margin-top: 3.5rem;height: 30px;}
  .model .modlist .moditem .mview p {font-size: 14px;}
  .model .modlist .moditem .mview span { font-size: 14px;width: 90px;height: 35px;line-height: 36px;}
  .model .modlist .moditem .mcollect {padding: 1rem;}
  .model .modlist .moditem .mcollect em {font-size: 30px;line-height: 5px;}
  .model .modlist .moditem .mcl .ulogoimg {margin-right: 5px;}
  .model .modlist .moditem .mcl h3,.model .modlist .moditem .mcl .ulogo h4 {font-size: 14px;}
  .model .modlist .moditem .mcr span {margin:11px 0;}
  .model .modlist .last-mod .modmore .modm {padding: 1rem;}
  .model .modlist .last-mod .modmore .modm h2 {font-size: 4rem;}
  .footer {padding: 4rem 0;}
  .footer .flogo {height: 25px;}
  .footer .flogo h1 {height: 25px;line-height: 25px;}
  .footer .fnavlist li a {font-size: 15px;line-height: 30px;}
  /*产品详情*/
  .promr .promz a ,.promr .promza span,.promr .promza a{color: #b9c989;font-size: 12px;}
  .mpbg .prophoto .cpbigimg {width: 100%;}
  .mpbg .prophoto .cpbigimg .cptit h2 {font-size: 3rem;padding-left: 20px;}
  .mpbg .prophoto .cpbigimg .cptit em {height: 20px;}
  .mpbg .prophoto .smllimg .cpnotice h5 {font-size: 13px;line-height: 16px;}
  .haddfav .haddfavl {width: 40%;}
  .haddfav .haddfavr {width: 60%;}
  .haddfav .haddfavl .haddsc #collection {margin-right: 4px;}
  .haddfav .haddfavl .haddsc span, .haddfav .haddfavl .gomess h5 {font-size: 13px;}
  .haddfav .haddfavl .gomess h5 i {margin-right: 4px;}
  .haddcom .huser_shuxing span {line-height: 40px;}
  /*个人中心*/  
  .nbantop .nbanuser { width: 80px;height: 80px;}
  .nbantop .nbanlogo {height: 25px;}
    .livestream {margin-bottom: 2rem;}
  .livestream .livlista ul li .livT {padding: 10px;}
  .livestream .livlista ul li .livT h2 {font-size: 24px;}
  .livestream .livlista ul li .livT h5 {font-size: 12px;padding: 5px 0;}
  .livestream .livlista ul li .livT em {height: 20px;}
  .livestream .livlista ul li .livesmall {padding: 10px;}
  .livestream .livlista ul li .livesmall h5 {font-size: 12px;line-height: 1; width: 100%;}
  .livlistb .livb3, .livlistb .livb2 {height: 245px;}
  .livlistb .livbitem .livbtit {padding: 0 10px;width: 95%;}
  .livlistb .livbitem .livbtit:after {width: 9rem;height: 9rem;}
  .livlistb .livbitem .livbtit h2, .livlistb .livbitem .livbtit h3 {font-size: 3.5rem;}
  .livlistb .livbitem .livbtit:after {bottom: -18px;}
  .livlistb .livb5 {height: 480px;}
  .livlistb .livb5 .livbcon h2 {font-size: 3rem;}
  .livlistb .livb5 .livbcon .livbp, .livlistb .livb5 .livbcon .livbp p {font-size: 12px;line-height: 20px;}
  .livlistb .livb5 .livbcon em {width: 40px;height: 40px;bottom: 15px;right: 15px;}
  /* login*/
  .user_singup .sing_left {padding: 10rem 0 0;}
  .user_singup .sing_left h2 {font-size: 6rem;}
  .user_singup .sing_right {width: 100%;}
  .user_singup .sing_right .singtit h3 {font-size: 4rem;margin-bottom: 10px;}
  /*pergallery*/
  .nabout {padding: 20px 20px 40px;}
  .nabout .nyupgrade span {font-size: 15px;}
  .nabout .nyupgrade span a {font-size: 15px;padding: 0 10px;margin-left: 10px;}
  .favlist .favitem {width: calc(33.33% - 20px);}
  .favlist .scimgbox {width: 100%;}
  .favlist2 ul li {width: 33.33%;}
  .favlist .scimgbox .favitem { width: calc(33.33% - 20px);}
  .favlist .finfo-botton, .favlist .finfo-text {width: calc(100% - 20px);}
  /*upload*/ 
  .infobg .user_upload {width: 80%;}
  .infobg .user_about {width: 100%;}
  .nyshopnr {padding: 28px 0;}
  .nyshopnr span {margin: 0 10px;}
  .nyshopbutton span {padding: 12px;font-size: 12px;}
  .nyshopbutton span a {font-size: 12px;margin-right:10px; padding: 0 8px; }
  .nymain .nytimestats {padding: 20px 10px;}
  .nymain .nytimestats ul li {padding: 15px 0;}
  .nymain .nytimestats ul li p {font-size: 13px;}
  .nymain .nytimestats ul li h3 {font-size: 22px;line-height: 30px;}
   /*inbox*/


}
@media (max-width:768px){
 /*  首页*/
 .header .headl {width: 68%;}
 .header .headr {width: 32%;}
 .header .headr a{display: none;}
 .header .headr a:last-child {display: inline-block;}
.headtop .headlogo {height: 30px;}
.banner .banli_2 .bantit {padding: 8px;}
 .channels .chanlist {height: 485px;}
 .mainll .channels .chanlist {height: 485px;}
 .channels .chanitem .cimg {padding-bottom: 64%;}
 .model .modlist .moditem .modtit {padding: 8px;}
 .model .modlist .moditem .modtit .modT h2, .model .modlist .moditem .modtit .modT h3 {font-size: 24px;line-height: 30px;}
 .model .modlist .moditem .modtit .modT:after {width: 5rem;height: 5rem;}
.model .modlist .moditem .mview p {margin-top: 1rem;font-size: 12px;}
.model .modlist .last-mod .modmore .modm h2 {font-size: 28px;}
.model .modlist .last-mod .modmore .modm em {width: 25px;height: 25px;margin-top: 5px;}
 /*产品详情*/
.haddcom .hadduser .huser_logo {margin-right: 5px;}
.haddfav .haddfavl {width: 60%;}
.haddfav .haddfavr {width: 40%;}
.haddfav .haddfavl .haddsc {margin-right: 1rem;}
.haddfav .haddfavr a {margin: 3px 5px 0;}
.haddcom .hadduser .huser_name p {font-size: 12px;}
.haddcom .hadduser .huser_time p {font-size: 13px;}
.haddcom .huser_con, .haddcom .huser_con p, .haddcom .huser_con span {color: #f6f6f9;}
.mpbg .prophoto .cpthumbs {padding: 15px 10%;}
.mpbg .prophoto .cpthumbs .pnext, .mpbg .prophoto .cpthumbs .pprev {width: 60px;}
.mpbg .prophoto .cpthumbs .pnext {left: 85%;}
.mpbg .prophoto .cpthumbs .pprev {right: 85%;}
  /*个人中心*/  
  .livestream .livlista ul li .livesmall {display: none;}
   /* login*/
   .user_singup .sing_left {padding: 3rem 0;}
   .user_singup .sing_right {margin-bottom: 20px;}
  /*persubscriptions*/
  /*upload*/ 
  .infobg .user_upload {width: 100%;}
  /*bio*/
  .Interests_form .intformbio {margin: 0 2rem;}
  .Interests_form .intformbio textarea {height: 210px;}
  .infobg .uabout_form {width: 100%;}
  .infobg .form-input .forminfo small,.infobg .form-input .forminfo select,.infobg .form-input .forminfo input {font-size: 12px;}
  .infobg .form-input .forminfo label {font-size: 14px;line-height: 30px;height: 30px;}
  .nyshopbutton span a {display: block;float: none;}
  .nymain .nytimestats ul li p {font-size: 12px;}
  .nymain .ny_shuju li {font-size: 13px; margin-right: 10px;}

  .followlist .followitem {width:calc(33.33% - 10px);}

}
@media (max-width:650px){ 
 /*  首页*/
 .header .hseach {display: none;}
 .headtop {padding: 15px;}
 .nav a {padding: 0 9px;}
 .channels .chanlist {height: 410px;}
 .mainll .channels .chanlist {height: 410px;}
 .model .modlist .moditem {width: 50%;}
 .model .modlist .moditem.mod4 {width: 50%;}
 .model .modlist .moditem.mod4 .modimg {padding-bottom: 95%;}
 .model .modlist .moditem .modtit {padding: 30px 10px;}
 .navg {width: 120px;}
 .mainll {margin-left: 125px;}
 .navg .nlogo {padding: 20px 40px;}
 .navg .nlogo img {max-width: 50px;margin:0 auto;}
 .navg .ndh {padding: 0 0 10px;}
 .navg .ndh ul li {line-height: 30px; margin-bottom: 5px}
 .navg .ndh ul li a i {height: 30px;margin: 0 5px;}
 .navg .ndh ul li a,.navg .nteam .nteamtit a,.navg .nrecommend a {font-size: 13px;}
 .navg .nteam {padding: 10px 5px 15px;}
 .navg .nteam .nteamtit a i {width: 20px;margin-right: 5px;}
 .navg .nteam .ngreat span {padding: 0 7px;margin-right: 5px;}
 .navg .nrecommend a i {width: 20px;margin:0 5px;}
 /*产品详情*/
 .mpbg .promianbox .promr {width: 100%;}
 .mpbg .promianbox .proml {width:100%;padding-bottom: 20px;}
.mpbg {background: url(../images/bg_pro.jpg) no-repeat top center #464a3c;background-size: 100% 16%;}
.mpbg .promianbox {margin-bottom: 4rem;}
/*个人中心*/  
.nbantop .nbanuser {width: 60px;height: 60px;}
.livestream .livlista ul li:nth-child(1) {width: 100%;}
.livestream .livlista ul li:nth-child(2),.livestream .livlista ul li:nth-child(3) {width: 50%;}
.livestream .livlista ul li:nth-child(1) .livitem {padding-bottom: 26%;}
.livlistb .livb3 {width: 60%;}
.livlistb .livb2 {width: 40%;}
.livlistb .livb5 {width: 100%;height: 380px;}
 /* login*/
.user_singup .sing_left h2 {font-size: 4rem;}
.user_singup .sing_left em {margin:15px 0;}
.user_singup .sing_left p {width: 100%;}
.user_singup .sing_right {padding: 15px;}
/*sign up*/
.user_singup .sing_right .form-botton button {width: 48%;}
.nabout  {padding: 20px 10px 30px;}
/*persubscriptions*/
.nysubscriptions h2 {font-size: 20px;}
.nysubscriptions p {font-size: 15px;line-height: 20px;}
.nysubscriptions .nysubutton a {padding: 0 15px;border-radius: 10px;font-size: 15px;}
/*upload*/ 
.singlogo h1 {line-height: 40px;height: 40px;}
.singlogo {margin-top: 15px;}
.infobg .finfo-botton button {width: 45%;margin: 0 2%;}
.infobg .upload_img {padding: 4rem 0;}
.Interests_form .Interests_tit,.infobg .usertit {padding:  0 2rem;}
.Interests_form .intform {padding: 0 2rem 2rem;}
.infobg .usernav a {font-size: 13px;margin: 0 5px;}
.Interests_form .socialf .forminfo {background-size: 35px; padding-left: 40px;}
.nysubscriptions h2 {font-size: 18px;}
.nyhide {margin: 30px 0;}
.nyhide span ,.nyhide{font-size:16px;line-height:30px; }
.nyshoptit {font-size: 20px;line-height: 25px;}
.nymainbox .nymain {padding: 30px 0;}
/*inbox*/
.nyinbox .nyinboxnav .nyinboxT {height: 35px;}
.nyinbox .nyinboxnav .nyinboxT h2 {font-size: 18px;padding-left: 8px;line-height: 35px;}
.nyinbox .nyinboxnav .nyinboxT span {font-size: 16px;line-height: 35px;}
.nyinbox .nyinboxnav .nyinboxdh{padding: 0 0 0 8px;}
.nyinbox .nyinboxnav .nyinboxdh li {margin-bottom: 5px;}
.nyinbox .nyinboxnav .nyinboxdh li span {font-size: 14px;}

 .followlist .followitem {width:calc(50% - 10px);}

}
@media (max-width:500px){
  /*  首页*/ 
  .header .menu {margin-right: 3px;}
  .header .logo {width: 95px;margin-top: 18px;}
  .header .headr a .user_tx {margin-right: 2px;}
  .header .headr a {margin: 0;}
  .header .hshop a, .header .notice a, .header .headr a {font-size: 12px;}
  .headtop {padding: 10px;}
  .headtop .headlogo {height: 25px;}
  .headtop .headtopjt {width: 30px;height: 30px;}
  .headtop .headnav a {font-size: 15px;line-height: 30px;height: 30px;margin-right: 3rem;}
  .nav a {font-size: 13px;line-height: 30px;}
  .banner .banli_1 .banimg, .banner .banli_3 .banimg {height: 205px;}
  .banner .banli_2 .banimg {height: 140px;}
  .banner .banli_2 .bantit {height: 65px;}
  .banner .banli_2 .bantit h5 {display: none;}
  .banner .banli_2 .bantit h2 {font-size: 15px;}
  .banner .banli_2 .bantit em {width: 15px;height: 15px;}
  .banner .banli_4 .banimg, .banner .banli_5 .banimg {height: 185px;}
  .banner .banli_4 em {width: 55px;}
  .channels .chanlist {height: 310px;}
  .mainll .channels .chanlist {height: 310px;}
  .model .modlist .moditem .modtit {padding: 10px;}
  .model .modlist .moditem .mview span {margin: 2rem auto 0;}
  .model .modlist .moditem .mview p {width: 98%;margin: 1rem auto 0;}
  .model .modlist .last-mod .modmore .modm p {
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;}
  .footer .fnavlist li a {font-size: 12px;}
  /*产品详情*/ 
  .haddcom .hadduser .huser_time {width: 100%;}
  .haddcom .huser_shuxing span {font-size: 13px;line-height: 30px;margin: 0 3px 5px;}
  .haddcom .huser_shuju li {margin-right: 3px;}
  .haddcom .huser_shuju li i {width: 15px;}
  .promianbox .proml .pcrumbs {margin-bottom: 10px;}
  .mpbg .prophoto {background-size: contain;}
  .mpbg .prophoto .cpbigimg .cptit h2 {font-size: 16px;}
  .mpbg .prophoto .cpbigimg .cptit em {height: 12px;}
  .mpbg .prophoto .cpphoto {padding-bottom: 80%;}
  /*个人中心*/  
  .livestream .livlista ul li:nth-child(1) .livitem {padding-bottom: 32%;}
  .livlistb .livb3, .livlistb .livb2 {height: 210px;}
  .livlistb .livbitem .livbtit h2, .livlistb .livbitem .livbtit h3 {font-size: 3rem;}
  .livlistb .livb5 {height: 315px;}
  .livlistb .livbitem:nth-child(6) {height: 475px;}
  /*sign up*/
  .favlist .favitem {width: calc(50% - 20px);}
  .favlist2 ul li {width: 50%;}
  .nyfavtit {margin-top: 20px;font-size: 18px;}
  /*persubscriptions*/
  .nysubscriptions {padding: 40px 10px 50px;margin:30px 0;}
  .nysubscriptions h2 {line-height: 25px;}
  .Interests_form .Interests_tit p {font-size: 14px;}
  .Interests_form .intform {padding: 0 1rem 2rem;}
  .infobg .form-input .forminfo {width: 97%;}
  .nyposts .nypostT a {font-size: 18px;margin-right: 30px;}
  .nyposts .nypostsgo {padding: 15px;}
  .nyposts .nypostsgo .nypostsinput {padding: 10px 5px;font-size: 15px;}
  .nyposts .nypostsgo .nypostsbutton {padding: 8px 0;}
  .nyposts .nypostsgo .nypostsbutton a {width: auto;margin: 0 5px;font-size: 13px;}
  .nyposts .nypostsjournal {padding: 15px 10px 30px;}
  .nyposts .nypostsjournal h2 {font-size: 20px;line-height: 40px;}
  .nyposts .nypostsjournal p {font-size: 15px;line-height: 20px;width: 100%;}
  .nymainbox .nynav {width: 100%;padding: 20px 0;}
  .nymainbox .nymain {width: 100%;}
  .nymainbox .nynav ul li {float: left;padding: 0 10px;box-shadow: 0 0 5px 5px #747d66 inset;margin: 0 2px 5px;}
  .nymainbox .nynav ul li a {font-size: 15px;line-height: 30px;}
  .nymain .nytimestats ul li {width: 48%;margin: 0 1% 10px;}
  .nymainT2,.nymainbox .nymain .nymainT {font-size: 22px;}
  .nycollect h2 {font-size: 22px;line-height: 30px;}
  /*inbox*/
  .nyinbox .nyinboxnav {width: 100%;}
  .nyinboxmain {width: 100%;}
  .nyinbox .nyinboxnav .nyinboxdh li {width: 30%;float: left;margin-right: 3%;border-bottom: none;box-shadow: 0 0 5px 5px #838f61 inset;padding: 5px;}
  .nyinbox .nyinboxnav .nyinboxT {padding: 0 10px;}
  .nyinbox .nyinboxnav .nyinboxdh li.cur:before {left: 0;bottom: 0;}
  .nospam h3 {font-size: 20px;}
  .nyemail .nyyjinput {margin:0 5px;}
  .nyemail .nyyjinput {padding: 5px 0;}
  .nyemail .nyyjinput label {font-size: 15px;}
  .nyemail .nyyjbmit a {padding: 0 5px;font-size: 13px;line-height: 40px;}



}
@media (max-width:380px){
 /*  首页*/
 .header {padding: 5px;border-radius: 10px;}
 .headtop .headlogo {height: 22px;}
 .header .headr a .user_tx {width: 30px; height: 30px;margin-top: 7px;}
 .channels .chantit h2 {font-size: 20px;line-height: 30px;}
 .channels .chanlist {height: 235px;}
 .mainll .channels .chanlist {height: 235px;}
 .model .modlist .moditem .modtit p{ overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;}
  .model .modlist .moditem .modtit .modT h2, .model .modlist .moditem .modtit .modT h3 {font-size: 20px;}
  .model .modlist .moditem .mview em {height: 20px;margin-top: 3rem;}
  .model .modlist .moditem .mview span {margin: 1.2rem auto 0;width: 70px;height: 27px;line-height: 27px;font-size: 12px;}
  .model .modlist .last-mod .modmore .modm h2 {font-size: 24px;line-height: 23px;}
  .model .modlist .last-mod .modmore .modm em {width: 20px;height: 20px;}
  .model .modlist .moditem .mcollect {padding: 10px 5px;}
  .model .modlist .moditem .mcollect .mcbox {bottom: 5px;left: 5px;right: 5px;}
  .model .modlist .moditem .mcollect .mcl {width: 60%;}
  .model .modlist .moditem .mcollect .mcr{width: 40%;}
  .model .modlist .moditem .mcl h3, .model .modlist .moditem .mcl .ulogo h4 {font-size: 12px;}
  .model .modlist .moditem .mcl .ulogoimg {width: 25px;height: 25px;}
  .model .modlist .moditem .mcl .ulogo h4 {line-height: 25px;}
  .model .modlist .moditem .mcr span {font-size: 12px;}
  .model .modlist .moditem .mcr span i {width: 15px;}
  .model .modlist .moditem .mcl h3 {line-height: 20px;}
  .model .modlist .moditem .mcr span {margin: 4px 0;}
  /*个人中心*/  
  .nbannav a {padding: 0 4px;margin: 0 5px;}
  .livlistb .livbitem .livbtit {padding: 20px 10px 0;}
  .livestream .livlista ul li:nth-child(1) .livitem {padding-bottom: 42%;}

}
@media (max-width:340px){
/*  首页*/
.nav a {font-size: 12px;}
}