.pc-gray{ filter:grayscale(100%);
  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  filter:url(desaturate.svg#grayscale);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter:grayscale(1);}

.max-w { max-width:1200px; } 
.pc-main { width:100%; height: auto; margin:0 auto; background:#fff; color: #202020;} 
.pc-content{ min-width: 1200px; padding-top: 40px;}
.pc-content .pc-cLeft{ width: 800px;}
.app-download{ display: none;}
.pc-part{ width: 1200px; margin: 0 auto;}

.pc-header{ min-width: 1200px;}
.pc-topAd{  overflow: hidden;}
.pc-topAd img{ width: 100%; display: block; margin-top: 10px;}
.pc-top{ margin:20px auto !important;}
.pc-top .topBox{ justify-content: space-between; align-items: center;}
.pc-top .topBox .logo{ max-height: 55px;}
.pc-top .topBox .topRight{ align-items: center;}
.pc-top .topBox .topRight .searchBox{width: 236px; height: 38px; border: 1px solid #CACACA; border-radius: 5px; color: #888888; justify-content: space-between; margin-right: 38px;}
.pc-top .topBox .topRight .searchBox input{ padding-left: 12px;}
.pc-top .topBox .topRight .searchBox .searchBtn{width: 38px; height: 100%; background: url("../hd/pc/search.png") no-repeat center center; cursor: pointer;}
.pc-top .topBox .topRight .topDownload{ height: 24px; line-height: 24px; margin-right: 38px; cursor: pointer; }
.pc-top .topBox .topRight .topLogin{ height: 24px; line-height: 24px; cursor: pointer; }
.pc-top .topBox .topRight .topDownload a,.pc-top .topBox .topRight .topLogin a{ vertical-align: super;}
.pc-top .topUser{ align-items: center; cursor: pointer;}
.pc-top .topUser .img{ width: 40px; height: 40px; border-radius: 100%; overflow: hidden;}
.pc-top .topUser .img img{ width: 100%; height: 100%; object-fit: cover;}
.pc-top .topUser p{ margin-left: 5px; }

.pc-menu { position: relative; z-index: 19; background-color: #FD7D23;} 
.pc-menu .menu-list {position: relative; flex-wrap: wrap;} 
.pc-menu .menu-list-item { height: 52px; line-height: 52px; width: 100px; text-align: center; color: #ffffff; position: relative; cursor: pointer;} 
.pc-menu .menu-list-item.menu-sel{ background-color: #ffffff; color: #FD7D23;}
.pc-menu .menu-fold{ display: none; position: absolute; top: 52px; right: 0; z-index: 1; background-color: #FD7D23;}

/*右侧*/
.pc-cRight{ width: 330px;}
.pc-cRight2 .rightAd{ width: 100%; height: 156px;}
.pc-cRight2 .rightAd img{ width: 100%; height: 100%; object-fit: cover;}
.pc-cRight2 .rtitle{ font-size: 22px; margin-bottom: 25px;}
.pc-cRight2 .rightContent{ margin-top: 35px;}
.pc-cRight2 .rightContent li{ margin-bottom: 20px;}
.pc-cRight2 .rightContent li .img{ width: 120px; height: 77px; overflow: hidden; margin-right: 10px;}
.pc-cRight2 .rightContent li .img img{ width: 100%; height: 100%; object-fit: cover;}
.pc-cRight2 .rightContent li p{ color: #484848; font-size: 14px; line-height: 25px;}

.pc-cRight2 .rightVideo li{ width: 100%; margin-bottom: 25px;}
.pc-cRight2 .rightVideo li .img{ position: relative; display:block; width: 100%; height: 174px;}
.pc-cRight2 .rightVideo li .img .poster{ width: 100%; height: 100%; object-fit: cover;}
.pc-cRight2 .rightVideo li .img .play{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pc-cRight2 .rightVideo li .rvtitle{ display: block; margin-top: 15px; color: #484848;}

.dialog{ position: fixed; top: 0; left: 0; z-index: 29; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}
.dialogBox{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 4px; width: 440px; height: 550px; background-color: #ffffff; box-shadow: 0 0 58px rgba(253, 125, 35, 0.2); padding: 25px 30px; box-sizing: content-box;}
.dialog1{ justify-content: space-between; align-items: center;}
.dialog1_1{ font-size: 20px; color: #272727;}
.dialog1_1 span{ display: inline-block; width: 65px; margin-right: 20px; text-align: center; padding-bottom: 10px; cursor: pointer;}
.dialog1_1 span.cur{ background: url("../hd/pc/loginLine.png") no-repeat bottom center; font-weight: 600; color: #202020;}
.dialog1_1 span.jt{ display: inline-block; width: 11px; height: 16px; background: url("../hd/pc/jt.png") no-repeat center left; vertical-align: middle; cursor: pointer;}
#forgot .dialog1_1 span.cur{ width: auto; background: none;}

.dialogClose{ width: 38px; height: 38px; background: url("../hd/pc/close.png") no-repeat center center; cursor: pointer;}
.dialog2{ height: 288px;}
.dialogInput{ width: 360px; margin: 45px auto 0; min-height: 320px;}
.dialogInput input{ width: 330px; height: 50px; background: #F4F4F4; border-radius: 4px; line-height: 50px; margin-bottom: 30px; padding: 0 15px; outline: none; font-size: 16px;}
.dialogInput .wj{ text-align: right; font-size: 16px; cursor: pointer;}
.dialogInput .codeInput{ position: relative;}
.dialogInput .codeInput input{ width: 215px; padding-right: 130px;}
.dialogInput .codeInput .codes{ position: absolute; right: 15px; top: 0; line-height: 50px; font-size: 16px; cursor: pointer; color: #8B8B8B;}
.dialogInput .codeInput .codes span{ display: inline-block; text-align: center; width: 90px; color: #202020;}
.dialogBtn{ width: 173px; height: 53px; line-height: 53px; text-align: center; color: #ffffff; font-size: 20px; background-color: #CD1111; border-radius: 4px; margin: 20px auto 40px; cursor: pointer;}
.dialogTips{ color: #B1B1B1; font-size: 16px; text-align: center;}
.dialogTips a{ color: cornflowerblue;}

.pc-content4{ padding-bottom: 40px;}
.pc-content4 .userTitle{ font-size: 20px; font-weight: bold; margin: 30px 0;}
.pc-content4 .userItem{ align-items: flex-start; margin-bottom: 30px;}
.pc-content4 .userItem1{ align-items: center;}
.pc-content4 .userItem_name{ font-size: 14px; color: #878787; width: 120px;}
.pc-content4 .userItem_box.flex{ align-items: center;}
.pc-content4 .userItem_box .codeState{ cursor: pointer;}
.pc-content4 .userItem_box input{ width: 180px; height: 32px; line-height: 32px; border: 1px solid #B3B3B3; border-radius: 4px; padding: 0 10px;}
.pc-content4 .userItem_eye{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../hd/pc/eyeclose.png"); margin-left: 20px; cursor: pointer; }
.pc-content4 .userItem_eye.cur{ background-image: url("../hd/pc/eyeopen.png");}
.pc-content4 .head{ width:100px; height:100px; overflow:hidden; border-radius: 100%; background-color: inherit!important;}
.pc-content4 .head img{ width: 100%; height: 100%; object-fit: cover;}
.pc-content4 .headBtn{ position: relative; margin-top: 10px; text-align: center; background-color: #cd1111; color: #FFFFFF; border-radius: 4px; line-height: 32px; cursor: pointer; font-size: 12px;}
.pc-content4 .headBtn input{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.pc-content4 .userSubmit{ width: 140px; height: 50px; background: url("../hd/pc/submit.png") no-repeat center; cursor: pointer; margin: 50px 0 50px 220px;}

/*裁剪图片*/
.cover-wrap{ position: fixed; top: 0; left: 0; z-index: 20; background-color: rgba(0, 0, 0, 0.4); width: 100vw; height: 100vh;}
.cover-wrap .coverBox{width:900px;height:600px;margin:100px auto;background-color:#FFFFFF;overflow: hidden;border-radius:4px; }
.cover-wrap .clipArea{ margin: 10px; height: 520px; user-select: none; overflow: hidden; position: relative;}
.cover-wrap .photo-clip-view{ position: absolute; left: 50%; top: 50%; width: 428px; height: 321px; margin-left: -214px; margin-top: -160.5px;}
.cover-wrap .photo-clip-moveLayer{transform-origin: 0px 0px; transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) scale(1) translateZ(0px);}
.cover-wrap .photo-clip-mask{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none;}
.cover-wrap .photo-clip-mask-left{position: absolute; left: 0px; right: 50%; top: 50%; bottom: 50%; width: auto; height: 321px; margin-right: 214px; margin-top: -160.5px; margin-bottom: -160.5px; background-color: rgba(0, 0, 0, 0.5);}
.cover-wrap .photo-clip-mask-right{ position: absolute; left: 50%; right: 0px; top: 50%; bottom: 50%; margin-left: 214px; margin-top: -160.5px; margin-bottom: -160.5px; background-color: rgba(0, 0, 0, 0.5);}
.cover-wrap .photo-clip-mask-top{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 50%; margin-bottom: 160.5px; background-color: rgba(0, 0, 0, 0.5);}
.cover-wrap .photo-clip-mask-bottom{ position: absolute; left: 0px; right: 0px; top: 50%; bottom: 0px; margin-top: 160.5px; background-color: rgba(0, 0, 0, 0.5);}
.cover-wrap .photo-clip-area{border: 1px dashed rgb(221, 221, 221); position: absolute; left: 50%; top: 50%; width: 428px; height: 321px; margin-left: -215px; margin-top: -161.5px;}
.cover-wrap .coverBottom{ height:56px;line-height:36px;text-align: center;padding-top:8px;}
.cover-wrap button{ width:120px;height: 36px;border-radius: 4px;background-color:#ff8a00;color: #FFFFFF;font-size: 14px;text-align: center;line-height: 36px;outline: none;}

/*底部*/
.pc-bottom{ width: 100%; padding: 40px 0 20px; background-color: #3B3B3B; font-size: 16px; color: #FFFFFF;}
.pc-bottom .flex{justify-content: center; margin-bottom: 20px;}
.pc-bottom-line1{ margin-bottom: 30px;}
.pc-bottom-line1 .item{ margin: 0 30px;}
.pc-bottom-line2 .item{ margin: 0 10px;}

/* 新加二级菜单 */
.smenu{width: 100%;background: #eee;}
.smenu2{width: 1200px; margin: 0 auto;  height: 40px; line-height: 40px;}
.smenu span{padding: 0 10px; color: #888; cursor: pointer;}
.smenu-active{opacity: 1 !important;}