@charset "UTF-8"; /*CSS 重置*/
* {padding: 0px;margin: 0px;outline: none;list-style: none;box-sizing: border-box}
html {line-height: 24px;-webkit-text-size-adjust: 100%;}
body {background: #FFFFFF;color: #000000;font-size: 14px;font-family: Roboto, sans-serif;line-height: 1.5;padding-top: 112px}
a {text-decoration: none;color: #000000;transition: all 0.3s}
a:hover {opacity: 0.93}
.container {width: 1280px;clear: both;margin: 0px auto}
.input::placeholder {opacity: 0.4}

.flex {display: flex;flex-direction: row}
.flex-col {flex-direction: column}
.flex-center {align-items: center}
.flex-content-center {justify-content: center}
.flex-between {justify-content: space-between;}
.flex-wrap {flex-wrap: wrap}
.flex-full {flex: 1}
.flex-top {align-items: flex-start}
.width-full {width: 100% !important}

.fix-header {position: fixed;top: 0px;left: 0px;right: 0px;background-color: #FFFFFF;z-index: 9999}
.ui-header {height: 72px;border-bottom: 1px solid rgba(112, 112, 112, 0.2);position: relative}
/*.ui-header .logo {position: absolute;top: 16px;left: 51px;}*/

/*@media screen and (max-width: 1800px) {*/
/*	.ui-header .logo {position: absolute;left: 10px;}*/
/*	}*/
/*@media screen and (max-width: 1700px) {*/
/*	.ui-header .logo {position: absolute;left: 10px;width: 50px;overflow: hidden;}*/
/*	}*/
.animate-all {transition: all 0.3s;}
.ui-header .menu {display: flex;flex-direction: row;align-items: center;flex: 1;justify-content: space-between}
.ui-header .container {height: 100%}
.ui-header .menu a {font-size: 14px;text-decoration: none;font-weight: bold}
.ui-header .menu a:hover, .ui-header .menu .ahover {color: #1F37EC }
.ui-header .menu .lastlink {margin-right: 0px}
.ui-header .search-box {background: #F4F4F4;border-radius: 8px;padding: 6px;margin-left: 31px}
.ui-header .search-box:hover {background: #EBEBEB;}
.ui-header .search-box .key {border: none;background: none;height: 36px;line-height: 1;width: 110px;display: none}
.ui-header .search-box .submit {height: 18px;width: 18px}
.ui-header .search-box .ui-dropdown {border-radius: 0px;padding: 0px 10px;background: none}
.ui-header .search-box .ui-dropdown:after {content: '';height: 10px;width: 2px; background: #0F0F0F;margin-left: 10px}
.ui-header .search-box .ui-dropdown label {opacity: 0.7}
.ui-header .links .sign {color: #1F37EC;font-size: 14px;line-height: 1;max-width: 180px;height: auto;display: flex;flex-direction: row}
.ui-header .links .sign:hover {opacity: 0.8}
.ui-header .links .sign .txt {white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;flex: 1;margin-left: 5px}

.ui-header .links .sign-btn {color: #1F37EC;font-size: 16px;border: 1px solid #1F37EC;border-radius: 17px;line-height: 1;padding: 8px 21px;max-width: 180px;height: auto}
.ui-header .links .sign-btn:hover {color: #FFFFFF;background: #1F37EC}
.ui-header .links .sign-btn .txt {white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;overflow: hidden;}

.ui-header .links a {display: flex;margin-left: 24px;align-items: center;flex-direction: column;height: 42px;justify-content: space-between;font-size: 12px}
.tips-message {position: relative}
.tips-message .count {position: absolute;top: -10px;right: 0px;background-color: #FD640A;font-size: 12px;color: #FFFFFF;padding: 0px 3px;border-radius: 10px;line-height: 18px; height: 18px; min-width: 18px;text-align: center}
.tag-filter {display: flex;align-items: center;margin: 40px 0px }
.tag-filter .item {color: #161616;background: #F4F4F4;border-radius: 10px;padding: 8px 16px;text-decoration: none;margin-right: 14px;word-break: keep-all; white-space: nowrap;}
.tag-filter .item:hover, .tag-filter .ahover {background: #0F0F0F;color: #FFFFFF;}
.tag-filter-other {justify-content: right;margin: 0px 6px}
.tag-filter-other .item {height: 32px;line-height: 32px;padding: 0px 16px;border-radius: 16px}
.tag-filter-other .ahover {background-color: #1F37EC}

.video-list {display: flex;flex-wrap: wrap;margin: 0px -12px;}
.video-list .item {width: 302px;margin: 0px 12px;margin-bottom: 40px;display: flex;flex-direction: column;box-shadow: 0px 0px 16px rgba(187, 185, 185, 0.3); transition: all 0.3s;padding-bottom: 15px;border-radius: 8px;overflow: hidden;}
.video-list .item:hover {box-shadow: 0px 0px 16px rgba(187, 185, 185, 0.5);}
.video-list .item .image {position: relative;width: 100%;height: 178px;display: flex;align-items: center;overflow: hidden;justify-content: center;}
.video-list .item .image .needpoints {font-weight: bold; color: #FFFFFF;font-size: 12px;position: absolute;top: 0px;right: 0px;padding: 2px 6px;border-bottom-left-radius: 8px;background-color: #F56C6C}
.video-list .item .image img {width: 105%;}
.video-list .item .image .timer {font-weight: bold; color: #FFFFFF;font-size: 12px;position: absolute;bottom: 0px;right: 0px;padding: 2px 6px;border-top-left-radius: 8px;background-color: rgba(15, 15, 15, 0.6)}
.video-list .item .info-box {display: flex;flex-direction: row;flex: 1;padding: 0px 10px}
.video-list .item .info-box .video-user-pic {margin-top: 15px}
.video-list .item .intro {margin-left: 10px;flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.video-list .item .intro .author {opacity: 0.75; align-items: center; margin: 6px 0px;display: flex;align-items: center;}
.video-list .item .intro .author .needpoints {text-align: right;flex: 1;color: #1F37EC}
.video-list .item .intro .author img {margin-left: 10px}
.video-list .item .intro .author .language {line-height: 1; white-space: nowrap;}
.video-list .item .intro .author .language img {margin-right: 5px;}
.video-list .item .title {font-size: 16px;color: #000000;font-weight: bold;margin: 12px 0px}
.video-list .item .title:hover {color: #1F37EC;}
.video-list .item .desc {font-size: 12px;opacity: 0.5;white-space: nowrap;}
.ui-foot {background: #000000;padding: 36px 0px;color: rgba(255, 255, 255, 0.8)}
.ui-foot .link a {color: rgba(255, 255, 255, 0.8);line-height: 3.5;white-space: nowrap}
.ui-foot .link a:hover {color: rgba(255, 255, 255, 1)}
.ui-foot .link {margin-right: 110px}
.ui-foot .addressinfo {line-height: 3.5}
.ui-foot .addressinfo p {line-height: 1.8;margin: 20px 0px}
.ui-foot .addressinfo svg {margin-bottom: -3px;margin-right: 3px}
.ui-foot .follow {color: #FFFFFF}
.ui-foot .follow a {margin-right: 31px;margin-top: 20px}
.ui-foot .language {width: 160px;height: 50px;color: #FFFFFF;font-size: 16px;font-weight: bold;border: 1px solid #FFFFFF;margin-top: 36px}
.ui-foot .language img {margin-right: 10px}
.ui-foot .follow-link {margin-bottom: 50px}

.member .content-box .message-list .item .content {margin-left: 0px;overflow: visible}
.member .content-box .message-list .item .content .info a:last-child {margin-right: 0px}
.member .content-box .message-list .item .content .tips-message {font-size: 12px;}
.member .content-box .message-list .item .content .tips-message .count {width: 10px;height: 10px;min-width: 10px;overflow: hidden}

.video-play {display: flex;flex-direction: row;justify-content: space-between;margin: 26px 0px}
.video-play .play-content {width: 880px}
.video-play .play-content .player {overflow: hidden;position: relative}
.video-play .play-content .player .video-js, .video-play .play-content .player iframe {width: 100%;height: 520px}

.video-play .play-content .video-title {display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin: 20px 0px}
.video-play .play-content .video-title .desc {font-size: 14px;opacity: 0.6}
.video-play .play-content .video-title .desc .needpoints {font-weight: bold; color: red}

.video-play .play-content .video-title .title {font-size: 24px;padding-right: 15px;flex: 1}
.video-play .play-content .author-info {display: flex;justify-content: space-between;align-items: center}
.video-play .play-content .author-info .pic {width: 40px;height: 40px;border-radius: 20px;overflow: hidden;margin-right: 8px}
.video-play .play-content .author-info .pic img {width: 100%;}
.video-play .play-content .author-info .auth {display: flex;flex-direction: column;justify-content: space-between;margin-right: 41px}
.video-play .play-content .author-info .auth .name {font-size: 16px;opacity: 0.9;font-weight: bold}
.video-play .play-content .author-info .auth .count {font-size: 12px;opacity: 0.5}
.video-play .play-content .tools {display: flex;align-items: center}
.video-play .play-content .tools .btn {background: #F2F2F2;color: #000000;font-size: 16px;border: none;border-radius: 18px;line-height: 1;padding: 10px 12px;display: flex;align-items: center;font-weight: bold;margin-left: 10px;cursor: pointer;user-select: none}

.video-play .play-content .tools .btn img {margin-right: 5px}
.video-play .play-content .tools .btn:hover {color: #1F37EC;background-color: rgba(50, 76, 225, 0.3);cursor: pointer}
.video-play .play-content .author-intro {background: #F2F2F2;padding: 16px 12px;border-radius: 8px;margin: 21px 0px}

.ui-comments {display: flex;flex-direction: column}
.ui-comments .block-title {border-bottom: 1px solid rgba(112, 112, 112, 0.5);height: 36px;display: flex;justify-content: space-between;align-items: center}
.ui-comments .block-title .title {font-weight: bold;margin-right: 5px}
.ui-comments .tips {border-radius: 8px;background: #F2F2F2;height: 100px;display: flex;align-items: center;margin: 20px 0px;flex-direction: column; justify-content: center;}
.ui-comments .tips .ui-btn {font-size: 14px;padding: 8px 15px}
.ui-comments .comments-list {display: flex;flex-direction: column}
.ui-comments .comments-list .item {margin: 12px 0px;display: flex;justify-content: space-between}
.ui-comments .comments-list .item .logo {width: 40px;height: 40px;border-radius: 20px;overflow: hidden;margin-right: 14px}
.ui-comments .comments-list .item .logo img {width: 100%;}
.ui-comments .comments-list .item .form {display: flex;flex-direction: column;flex: 1}
.ui-comments .comments-list .item .form .input {border: 1px solid rgba(112, 112, 112, 0.4);height: 80px;padding: 12px;border-radius: 8px;width: 100%}
.ui-comments .comments-list .item .content {flex: 1;display: flex;flex: 1;flex-direction: column}
.ui-comments .comments-list .item .content .user {display: flex;align-items: center;flex-wrap: wrap;}
.ui-comments .comments-list .item .content .user a {font-weight: bold;}
.ui-comments .comments-list .item .content .user a:hover {text-decoration: underline}
.ui-comments .comments-list .item .content .user label {font-size: 12px;font-weight: bold;opacity: 0.7;margin-left: 12px}
.ui-comments .comments-list .item .content .message {margin: 3px 0px}
.ui-comments .comments-list .item .content .message pre {white-space: normal}
.ui-comments .comments-list .item .content .tools {display: flex;align-items: center;margin-top: 12px;font-size: 12px;flex-wrap: wrap;}
.ui-comments .comments-list .item .content .tools .t-item {display: flex;align-items: center;user-select: none;line-height: 15px;font-weight: bold;cursor: pointer;flex-wrap: nowrap; margin: 5px 0px;margin-right: 31px;}
.ui-comments .comments-list .item .content .tools .t-item label {cursor: pointer}
.ui-comments .comments-list .item .content .tools .t-item img {margin-right: 3px;max-height: 20px;}
.ui-comments .comments-list .item .content .tools .t-item:hover {color: #1F37EC;}
.ui-comments .comments-list .item .content .tools .handler-reward {padding: 0px !important;}

.handler-goods .count {font-weight: bold}
.ui-comments .comments-list .item .item .logo {width: 30px;height: 30px}
.ui-comments .comments-list .item {border: 1px solid #E3E3E3;padding: 10px}
.ui-comments .comments-list .item .time-type {color: #99A2AA;display: flex;flex-direction: row;align-items: center}
.ui-comments .comments-list .item .time-type b {display: flex;margin: 0px 10px;}
.ui-comments .comments-list .item .time-type b:after {background-color: #99A2AA;line-height: 1px;content: '';width: 3px;height: 3px}
.ui-comments .comments-list .item .ref-pic {border: 1px solid #E5E9EF;border-radius: 5px;display: flex;flex-direction: column;align-items: center;padding: 6px;width: 280px;margin-top: 10px}
.ui-comments .comments-list .item .ref-pic .pic {width: 100%;}
.ui-comments .comments-list .trends-list {border: 1px solid #E3E3E3 !important; }
.ui-comments .comments-list .trends-list a:hover {color: #1F37EC }
.ui-comments .comments-list .trends-list .message {margin-bottom: 10px !important;}
.ui-comments .comments-list .trends-list .ref-link {color: #99A2AA;margin-top: 10px}
.ui-comments .comments-list .newcomments {border: none;padding: 0px}

.ui-btn {background: #1F37EC;color: #FFFFFF;font-size: 16px;border: none;border-radius: 18px;line-height: 1;padding: 10px 21px;cursor: pointer;text-align: center; white-space: nowrap;}
.ui-btn:hover {opacity: 0.8;color: #FFFFFF !important;}
.ui-btn-mini {padding: 4px 12px;font-size: 14px}
.ui-btn-empty {background: none;border: 1px solid #1F37EC;color: #1F37EC }
.video-play .play-list {width: 370px;flex-direction: column; display: flex}

.video-play .play-list .list-box::-webkit-scrollbar {width: 4px;height: 4px;}
.video-play .play-list .list-box::-webkit-scrollbar-thumb {background-color: rgba(172, 172, 172, 0.4);border-radius: 8px}
.video-play .play-list .list-box::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0.0)}

.video-play .play-list .list-box {overflow: hidden;display: flex;flex-direction: column;margin-top: 16px;}
/*max-height: 920px;*/
.video-play .play-list .list-box:hover {overflow: auto;}

.video-play .play-list .block-title {font-size: 20px;opacity: 0.9;font-weight: bold;line-height: 1}
.video-play .play-list .item:first-child {margin-top: 0px}
.video-play .play-list .item {width: 100%;margin-top: 16px;display: flex;flex-direction: row;align-items: center}
.video-play .play-list .item .image {position: relative;width: 170px;height: 100px;display: flex;align-items: center;border-radius: 8px;overflow: hidden}
.video-play .play-list .item .image img {width: 100%}
.video-play .play-list .item .image .timer {font-weight: bold; color: #FFFFFF;font-size: 12px;position: absolute;bottom: 0px;right: 0px;padding: 2px 6px;border-top-left-radius: 8px;background-color: rgba(15, 15, 15, 0.6)}
.video-play .play-list .item .image .needpoints {font-weight: bold; color: #FFFFFF;font-size: 12px;position: absolute;top: 0px;right: 0px;padding: 2px 6px;border-bottom-left-radius: 8px;background-color: #F56C6C}

.video-play .play-list .item .title {font-size: 16px;color: #000000;font-weight: bold;max-height: 48px;overflow: hidden;}
.video-play .play-list .item .title:hover {color: #1F37EC;}
.video-play .play-list .item .desc {font-size: 12px;opacity: 0.5}
.video-play .play-list .item .intro {margin-left: 10px;flex: 1;display: flex;flex-direction: column;justify-content: space-between}
.video-play .play-list .item .intro .author {opacity: 0.75;display: flex;align-items: center;margin: 6px 0px}
.video-play .play-list .item .intro .author img {margin-left: 10px}

.course-list {display: flex;flex-direction: row;justify-content: space-between;margin: 31px 0px}
.course-list .category {width: 140px;display: flex;flex-direction: column}
.course-list .category .title {font-weight: bold;margin-bottom: 6px;margin-top: 20px;margin-bottom: 16px;font-size: 16px}
.course-list .category .title:first-child {margin-top: 5px}
.course-list .category a {padding: 4px 0px}
.course-list .category a:hover, .course-list .category .active {font-weight: bold;color: #1F37EC }
.course-list .category .sub-menu {margin-left: 15px}
.course-list .category .splite {margin: 6px 0px;height: 1px}

.course-list .category .ui-btn {margin-top: 50px;border-radius: 2px;padding: 15px 0px;}
.course-list .category .ui-btn:hover {color: #FFFFFF}

.course-list .course-box {width: 1120px}
.course-list .course-box .block-title {display: flex;justify-content: space-between;align-items: center}
.course-list .course-box .block-title .title {font-size: 20px;font-weight: bold}
.ui-dropdown {display: flex;align-items: center;justify-content: center;background: #F4F4F4;height: 32px;border-radius: 16px;padding: 0px 12px;cursor: pointer}
.ui-dropdown img {width: 7px;margin-left: 5px;}
.course-all {display: flex;flex-wrap: wrap; margin: 0px -11px;margin-top: 30px}
.course-all .item {margin: 0px 11px;margin-bottom: 40px;width: 263px;display: flex;flex-direction: column;justify-content: space-between}
.course-all .item .image {width: 100%;height: 150px;display: flex;align-items: center;border-radius: 0px;overflow: hidden; margin-top: 20px;}
.course-all .item .image img {width: 100%}
.course-all .item .title {font-size: 16px;font-weight: bold;margin: 10px 0px;}
.course-all .item .title:hover {color: #1F37EC;}
.course-all .item .intro {border-bottom: 1px solid rgba(112, 112, 112, 0.2);font-size: 12px;padding-bottom: 10px;margin-bottom: 10px;flex: 1;word-break: break-word;}
.course-all .item .intro .address {margin-top: 5px}
.course-all .item:hover .intro {border-bottom: 1px solid #1F37EC}
.course-all .item .intro .tag {background: #EFDE96;padding: 2px 5px;font-weight: bold}
.course-all .item .points .money {font-size: 16px;font-weight: bold; max-width: 100%; max-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.course-banner-info {background: #1C1D1F;padding: 34px 0px;}
.course-banner-info .container {position: relative;}
.course-banner-info .nave {color: #C1CFFF;display: flex;align-items: center}
.course-banner-info .nave a {color: #C1CFFF;margin: 0px 8px}
.course-banner-info .nave a:first-child {margin-left: 0px}
.course-banner-info .intro {color: #FFFFFF;width: 720px;display: flex;flex-direction: column}
.course-banner-info .intro .name {font-size: 30px;font-weight: bold;margin: 25px 0px}
.course-banner-info .intro .desc {font-size: 20px}
.course-banner-info .intro .numinfo {margin-top: 16px}
.course-banner-info .intro .numinfo .tag {background: #EFDE96;color: #1C1D1F;padding: 4px 8px}
.course-banner-info .intro .numinfo * {margin-right: 15px}
.course-banner-info .intro .numinfo img {margin-right: 5px}
.course-banner-info .intro .other {margin-top: 20px}
.course-banner-info .intro .other .item {margin-right: 50px}
.course-banner-info .intro .other .item img {margin-right: 10px}
.color-nave {color: #C1CFFF;}
.color-start {color: #F3CA8C;}
.color-blue {color: #324CE1}
.course-banner-info .info {position: absolute;top: 34px;right: 0px;background: #FFFFFF;box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);width: 380px;}
.course-banner-info .info .prve .cover {border-left: 1px solid rgba(0, 0, 0, 0.46);border-top: 1px solid rgba(0, 0, 0, 0.46);width: 100%;opacity: 0.9}
.course-banner-info .info .prve {position: relative;}
.course-banner-info .info .prve .prve-play {position: absolute;top: 50%;left: 50%;margin-top: -35px;margin-left: -35px}
.course-banner-info .info .point {text-align: center;font-size: 32px;font-weight: bold;margin: 16px 0px}
.course-banner-info .info .link {display: flex;flex-direction: column;}
.course-banner-info .info .sub-info {padding: 0px 27px;text-align: center;padding-bottom: 20px}
.course-banner-info .info .sub-info .link a:hover {text-decoration: underline}

.course-banner-info .info .sub-info a {height: 54px;line-height: 54px;font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 10px;border: 1px solid #1C1D1F;}
.course-banner-info .info .sub-info .ui-btn-active {border-radius: 0px; color: #FFFFFF; background-color: #324CE1 !important; border: none;color: #FFFFFF !important;}
.course-banner-info .info .sub-info .blue-link {color: #FFFFFF;background: #324CE1;border: none}
.course-banner-info .info .sub-info .time {margin-top: 18px;margin-bottom: 30px;line-height: 1.8}
.course-banner-info .info .sub-info .time .online {text-decoration: underline}
.course-banner-info .info .sub-info .other .title {font-weight: bold;font-size: 18px;text-align: left;margin-bottom: 10px}
.course-banner-info .info .sub-info .other .item {margin-bottom: 10px}
.course-banner-info .info .sub-info .other .handler-share:hover {text-decoration: underline;cursor: pointer}

.course-banner-info .info .sub-info .other .item img {margin-right: 15px;border: none}
.course-detail {width: 860px;padding: 30px 0px;}
.course-detail img {max-width: 100%}

.course-detail .block-title {font-size: 26px;font-weight: bold;}
.course-detail .user-info {display: flex;flex-direction: column}
.course-detail .user-info .name {color: #324CE1;font-size: 18px;font-weight: bold;margin-top: 10px}
.course-detail .user-info .name:hover {text-decoration: underline}

.course-detail .user-info .work {font-size: 16px;opacity: 0.5}
.course-detail .user-info .intro {display: flex;flex-direction: row;align-items: center;margin-top: 10px;margin-bottom: 30px}
.course-detail .user-info .intro .image {width: 100px;height: 100px;display: flex;align-items: center;border-radius: 50px;overflow: hidden}
.course-detail .user-info .intro .image img {height: 100%;}
.course-detail .user-info .intro .other {margin-left: 25px}
.course-detail .user-info .intro .other .item {margin: 4px 0px}
.course-detail .user-info .intro .other .item img {margin-right: 15px}
.course-detail .user-info .desc {}
.course-detail .tab {display: flex;align-items: center;;margin-top: 36px;margin-bottom: 15px}
.course-detail .tab a {display: flex;flex-direction: column;font-size: 18px;font-weight: bold;align-items: center;margin-right: 36px}
.course-detail .tab a:after {content: '';width: 80%;border-top: 2px solid #FFFFFF}
.course-detail .tab a:hover:after, .course-detail .tab .active:after {content: '';width: 80%;border-top: 2px solid #324CE1}
.course-detail .tab-content {padding: 10px 0px}
.course-detail .purchase {background: #F7F9FA;border: 1px solid rgba(112, 112, 112, 0.1);padding: 5px 31px;font-size: 16px;margin: 10px 0px}
.course-detail .purchase p {margin: 10px 0px}
.course-detail .rate-title {display: flex;align-items: center;font-size: 20px;font-weight: bold;margin-top: 50px;margin-bottom: 15px}
.course-detail .rate-title .rate {margin-right: 25px;margin-left: 10px}
.course-detail .rate-list {display: flex;flex-wrap: wrap;justify-content: space-between}
.course-detail .rate-list .item {width: 390px;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-bottom: 48px}
.course-detail .rate-list .item .author-info {display: flex;justify-content: space-between;align-items: center;margin: 20px 0px}
.course-detail .rate-list .item .author-info .pic {width: 40px;height: 40px;border-radius: 20px;overflow: hidden;margin-right: 8px}
.course-detail .rate-list .item .author-info .pic img {width: 100%;}
.course-detail .rate-list .item .author-info .auth {display: flex;flex-direction: column;justify-content: space-between;margin-right: 41px;flex: 1;margin-left: 10px}
.course-detail .rate-list .item .author-info .auth .name {opacity: 0.9;font-weight: bold}
.course-detail .rate-list .item .author-info .auth .time {opacity: 0.6;margin-left: 5px}
.course-detail .categroy .nave {display: flex;align-items: center;justify-content: space-between}
.course-detail .categroy .nave .handler {color: #324CE1;font-weight: bold;margin: 30px}
.course-detail .categroy .content-box {border: 1px solid #CECECE;}
.course-detail .categroy .content-box .item .title-group {background-color: #F7F9FA;display: flex;justify-content: space-between;align-items: center;padding: 16px 31px;border-top: 1px solid #CECECE;border-bottom: 1px solid #CECECE;margin: -1px 0px}
.course-detail .categroy .content-box .item .title-group .title {font-size: 16px;font-weight: bold;flex: 1;margin: 0px 15px;padding-right: 50px}
.course-detail .categroy .content-box .item .title-group .time {text-align: right;}
.course-detail .categroy .content-box .item .topic-list {display: none;flex-direction: column;padding: 30px}
.course-detail .categroy .content-box .item .topic-list-show {display: flex}
.course-detail .categroy .content-box .item .topic-list .topic {display: flex;align-items: center;justify-content: space-between;height: 38px;}
.course-detail .categroy .content-box .item .topic-list .topic a:hover, .course-detail .categroy .content-box .item .topic-list .active {color: #324CE1;text-decoration: underline}
.course-detail .categroy .content-box .item .topic-list .topic .title {flex: 1;margin: 0px 25px}
.course-detail .categroy .content-box .item .topic-list .topic .time {display: flex;align-items: center}
.course-detail .categroy .content-box .item .topic-list .topic .time a {margin-right: 25px}
.content-banner {margin: 20px 0px;}
.blog {display: flex;justify-content: space-between;margin-bottom: 30px}
.blog .b-left {width: 840px}
.blog .b-right {width: 380px}

.blog .b-left .user-info {display: flex;flex-direction: column;align-items: flex-start}
.blog .b-left .user-info .block-title {font-weight: bold;width: 100%}
.blog .b-left .user-info .block-title .user-tool {display: flex;align-items: center;}
.blog .b-left .user-info .block-user {opacity: 0.9;font-size: 36px;font-weight: bold;color: #000000}
.blog .b-left .user-info .block-work {opacity: 0.9;font-weight: bold;}
.blog .b-left .user-info .block-level {background-color: rgba(50, 76, 225, 0.3);font-size: 12px;padding: 3px 15px;margin-top: 15px;margin-bottom: 36px}
.blog .b-left .user-info .block-data {display: flex;margin-bottom: 36px}
.blog .b-left .user-info .block-data .item {display: flex;flex-direction: column;margin-right: 40px;font-weight: bold;text-align: center}
.blog .b-left .user-info .block-data .item .num {font-size: 20px;font-weight: bold}
.blog .b-left .user-info .block-about {margin-bottom: 36px}
.blog .b-left .user-info .block-about .about-title {font-size: 18px;font-weight: bold;margin-bottom: 20px}
.tab-bar {display: flex;align-items: center;justify-content: space-between;width: 100%}
.tab-bar .tab {display: flex;align-items: center;}
.tab-bar .tab a {display: flex;flex-direction: column;font-size: 16px;font-weight: bold;align-items: center;margin-right: 26px}
.tab-bar .tab a:after {content: '';width: 80%;border-top: 2px solid #FFFFFF}
.tab-bar .tab a:hover:after, .tab-bar .tab .active:after {content: '';width: 80%;border-top: 2px solid #324CE1}

.ui-search-box {width: 300px;height: 34px;background: #F4F4F4;border-radius: 18px;padding-left: 16px;padding-right: 10px;display: flex;align-items: center}
.ui-search-box .key {border: none;background: none;height: 34px;line-height: 1;flex: 1}
.ui-search-box .submit {height: 16px;width: 16px}

.content-search-box {width: 580px;height: 50px;background: #F4F4F4;border-radius: 6px;padding-left: 16px;padding-right: 16px;border: 1px solid #CCCCCC;clear: both;margin: 0px auto;}
.content-search-box .key {border: none;background: none;height: 50px;line-height: 1}
.content-search-box .submit {height: 26px;width: 26px}

.ui-topic-list {display: flex;flex-direction: column;}
.ui-topic-list .item {display: flex;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 20px;margin-top: 20px}
.ui-topic-list .item .img {width: 200px;height: 120px;display: flex;align-items: center;overflow: hidden; border-radius: 2px;}
.ui-topic-list .item .img img {width: 100%}
.ui-topic-list .item .content {display: flex;flex-direction: column;flex: 1;margin-left: 16px;justify-content: space-between;word-break: break-word;min-height: 90px}
.ui-topic-list .item .content .title {font-size: 18px;font-weight: bold}
.ui-topic-list .item .content .title:hover {color: #324CE1;text-decoration: underline}
.ui-topic-list .item .content .rate {margin-top: 12px;margin-bottom: 16px}
.ui-topic-list .item .content .rate img {margin-right: 3px}
.ui-topic-list .item .content .other {display: flex;align-items: center;}
.ui-topic-list .item .content .other-data {margin-right: 20px;display: flex;align-items: center;color: rgba(0, 0, 0, 0.5);line-height: 1}
.ui-topic-list .item .content .other-data img {margin-right: 3px;display: flex;align-items: center;}
.ui-topic-list .item .content .other-data:last-child {margin-right: 0px}
.ui-topic-list .item:last-child {border-bottom: none}
.ui-topic-list-flow {flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.ui-topic-list-flow .item {width: 30%;flex-direction: column}
.ui-topic-list-flow .item .img {width: 100%;height: 180px;position: relative;}
.ui-topic-list-flow .item:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.1)}
.ui-topic-list-flow .item .content {margin: 0px}
.ui-topic-list-flow .item .content .rate {margin-top: 5px;margin-bottom: 8px;white-space: nowrap;line-height: 1}
.ui-topic-list-flow .item .content .rate img {margin-right: 5px;height: 12px;}
.ui-topic-list-flow .item:hover {border-bottom: 1px solid #324CE1;}

.ui-topic-list-flow .item .img .timer {font-weight: bold; color: #FFFFFF;font-size: 12px;position: absolute;bottom: 0px;right: 0px;padding: 2px 6px;border-top-left-radius: 8px;background-color: rgba(15, 15, 15, 0.6)}
.ui-topic-list-flow .item .state {color: #FD640A;}

.color-yellow {color: #DB9A3C}
.color-gray {color: rgba(0, 0, 0, 0.5)}

.blog .b-right .block-box {box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);margin-bottom: 20px;}
.blog .b-right .user-profile {width: 200px;clear: both;margin: 0px auto;display: flex;flex-direction: column;padding-top: 20px;padding-bottom: 30px}
.blog .b-right .user-profile .logo {width: 200px;height: 200px;display: flex;align-items: center;overflow: hidden;border-radius: 100px;margin-bottom: 30px}
.blog .b-right .user-profile .logo img {width: 100%}
.blog .b-right .user-profile a {display: flex;align-items: center;height: 50px;border: 1px solid #1C1D1F;margin-bottom: 10px;font-size: 16px;font-weight: bold;justify-content: center}
.blog .b-right .user-profile a img {margin-right: 10px}
.blog .b-right .user-profile a:hover {text-decoration: underline}
.blog .b-right .link-box .link-title {font-size: 18px;font-weight: bold;border-bottom: 1px solid rgba(0, 0, 0, 0.1);height: 40px;line-height: 40px;margin-bottom: 15px}

.blog .b-right .link-box {padding: 10px 20px}
.blog .b-right .link-box a {display: flex;align-items: center;justify-content: space-between;margin: 10px 0px}
.blog .b-right .link-box a .txt {flex: 1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-right: 10px}
.blog .b-right .link-box a .count {display: flex;justify-content: space-between;align-items: center;color: rgba(0, 0, 0, 0.3);}
.blog .b-right .link-box a .count img {margin-right: 10px}
.blog .b-right .link-box a:hover {color: #324CE1 }
.ui-login {width: 400px;padding: 25px;margin: 100px auto;display: flex;flex-direction: column;align-items: center;background-color: #FFFFFF;border-radius: 2px}
.ui-login .logo {width: 156px}
.ui-login .title {font-size: 18px;font-weight: bold;margin: 23px 0px;word-break: keep-all}
.ui-login .input {height: 50px;width: 100%;padding: 0px 15px;line-height: 50px;border: 1px solid #1C1D1F;font-size: 18px;font-weight: bold;margin-bottom: 10px}
.ui-login .input::placeholder {color: #0F0F0F;opacity: 0.7}
.ui-login .submit {height: 50px;line-height: 50px;text-align: center;color: #FFFFFF;font-size: 18px;font-weight: bold;background-color: #324CE1;border: none;margin: 36px 0px;width: 100%;cursor: pointer;text-decoration: none}
.ui-login .submit-white {background: none;border: 1px solid #000000;color: #000000;text-decoration: none}

.ui-login .gray-submit {background-color: #515151}
.ui-login a {font-size: 16px;font-weight: bold;text-decoration: underline;color: #324CE1}
.ui-login .other {text-align: center;width: 100%}
.ui-login .other form {width: 100%}
.ui-login .other .split {border-bottom: 1px solid #000000;opacity: 0.5;margin: 31px 0px}
.ui-login .ui-success {padding: 0px}

.member {display: flex;justify-content: space-between;margin: 20px 0px}
.member .menu-slide {width: 200px;display: flex;flex-direction: column}
.member .menu-slide a {display: flex;flex-direction: row;align-items: center;height: 36px;margin: 8px 0px}
.member .menu-slide a:hover {background: #F4F4F4;font-weight: bold;border-radius: 5px;color: #000000}
.member .menu-slide .active {background: rgba(89, 108, 251, 0.88);font-weight: bold;border-radius: 5px;color: #FFFFFF}

.member .menu-slide a img {margin-right: 28px;margin-left: 21px;}
.member .menu-slide .split {border-top: 1px solid #000000;opacity: 0.1;margin: 10px 0px}

.member .content-box {width: 1000px;margin-top: 8px}
.member .content-box .rqf-list {width: 100%;padding: 30px 0px}
.shop-list .item {border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 6px;overflow: hidden;box-shadow: 0px 0px 16px rgba(187, 185, 185, 0.3);transition: all 0.3s;}
.shop-list .item .image {height: 256px !important;background: #F6F6F6;border: 20px solid #F6F6F6;}
.shop-list .item .cers {width: 20px}

.shop-list .item .title, .shop-list .item .intro, .shop-list .item .points {padding-right: 10px;padding-left: 10px}
.shop-list .item .intro {margin-bottom: 0px;border-bottom: 0px}
.shop-list .item .intro .dollar {font-size: 24px;font-weight: bold;}
.shop-list .item .points {height: 50px;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;margin-bottom: 6px}
.shop-list .item .points .link, .shop-list .item .points a { background: #1F37EC; color: #FFFFFF; font-size: 14px; border: none; border-radius: 18px; padding: 6px 21px; cursor: pointer; text-align: center; white-space: nowrap;width: 90%;opacity: 0.8;transition: all 0.3s;}
.shop-list .item:hover {border: 1px solid #1F37EC;}
.shop-list .item:hover .points .link, .shop-list .item:hover .points {opacity: 1}
.shop-list .item:hover .intro {border-bottom: 0px}

.course-all-fix .item .points {position: relative;flex: none;margin-bottom: 0px}
.course-all-fix .item .points .money {font-size: 24px !important;transition: all 0.3s;position: absolute;top: 0px;left: 0px;width: 100%;height: 50px;max-height: 50px;text-align: center;line-height: 50px}
.course-all-fix .item .points a {position: absolute;top: 51px;left: 0px;width: 100%;height: 50px;max-height: 50px;text-align: center;line-height: 50px;padding: 0px;border-radius: 0px}
.course-all-fix .item:hover .points .money {top: -50px}
.course-all-fix .item:hover .points a {top: 0px}
.course-all-fix .item .image {background: none;border-color: #FFFFFF}

.shop-list-full .course-box {width: 100%}
.shop-list-full .course-all {margin-left: -8px;margin-right: -8px}
.shop-list-full .item .title, .shop-list-full .item .intro, .shop-list-full .item .points { padding-right: 10px; padding-left: 10px;}
.shop-list-full .item {width: 243px;margin: 0px 8px;position: relative;margin-bottom: 31px;user-select: none}
.shop-list-full .item .image {border-color: #FFFFFF;background-color: #FFFFFF;border-width: 10px}
.shop-list-full .item .water {position: absolute;top: 10px;left: 10px;z-index: 999;width: 70px}

.shop-view {margin-bottom: 30px}
.shop-view .nave {display: flex;align-items: center;margin-bottom: 15px;margin-top: 15px}
.shop-view .nave label {margin: 0px 5px}
.shop-view .nave a {color: #000000}
.shop-view .header {display: flex;justify-content: space-between;margin-bottom: 30px}
.shop-view .header .pic {display: flex;align-items: center;padding: 20px;overflow: hidden;width: 500px;border: 1px solid rgba(0, 0, 0, 0.1);justify-content: center;height: 400px}
.shop-view .header .pic img {max-width: 100%;max-height: 100%}
.shop-view .header .intro {flex: 1;display: flex;flex-direction: column;margin-left: 40px;padding-right: 50px;justify-content: space-between}
.shop-view .header .intro .title {font-size: 24px;font-weight: bold;}
.shop-view .header .intro .title .feedback {font-size: 14px;color: #8A8A8A;font-weight: normal}
.shop-view .header .intro .pinfo {line-height: 1.5;}
.shop-view .header .intro .other-money .c-money {font-size: 22px;font-weight: bold;margin-left: 6px;color: #051AEF}
.shop-view .header .intro .split {border-top: 1px solid rgba(112, 112, 112, 0.3);margin: 20px 0px}
.shop-view .header .intro .about {font-size: 18px;font-weight: bold;margin-bottom: 10px}
.shop-view .header .intro .other-money {line-height: 2;font-weight: bold;margin-bottom: 20px;flex: 1}
.shop-view .header .intro .tips-warm {line-height: 1.5;border-radius: 6px;margin-bottom: 20px;color: #051AEF;font-size: 18px;font-weight: bold}
.shop-view .header .intro .btn {color: #FFF;padding: 10px 56px;border-radius: 50px;font-weight: bold;cursor: pointer;display: flex;justify-content: center;background-color: #5262ED;}
.shop-view .header .intro .btn-add-cart {background-color: #5262ED;}
.shop-view .header .intro .btn:hover {opacity: 0.8}
.shop-view .header .intro .handler-share {color: #000000}
.shop-view .header .intro .btn-red {background-color: red}
.shop-view .header .intro .btn img {margin-right: 5px}
.shop-view .header .intro .btn-gray {background: #EFF2F5;border: 1px solid rgba(112, 112, 112, 0.2);margin-left: 15px}
.shop-view .header .intro .btn-blue {background: #1F37EC;border: 1px solid #1F37EC;margin-left: 15px;color: #FFFFFF}
.shop-view .header .intro .product-tool {}
.shop-view .header .intro .product-tool .btn {margin-left: 16px}
.shop-view .header .intro .product-tool .btn:first-child {margin-left: 0px}
.shop-view .content {display: flex;justify-content: space-between}
.shop-view .content .detail {width: 810px;padding: 30px;border: 1px solid #E3E3E3;}
.shop-view .content .detail .block-title {margin-bottom: 20px;font-size: 18px;color: #000000}
.shop-view .content .detail img {max-width: 100%}
.shop-view .content .right {width: 420px;}
.shop-view .content .right .box {padding: 10px 20px;border: 1px solid #E3E3E3;margin-bottom: 20px}
.shop-view .content .right .box .title {font-size: 18px;font-weight: bold;border-bottom: 1px solid #E3E3E3;height: 50px;line-height: 50px}
.shop-view .content .right .box .intro {padding: 12px 0px}

.shop-view .hot-shop .block-title {font-size: 18px;font-weight: bold;margin-top: 30px;margin-bottom: -10px}
.shop-view .hot-shop .item {width: 240px;margin: 0px 10px;user-select: none;position: relative;}
.shop-view .hot-shop .item .image {height: 240px !important;background: #F6F6F6;border-color: #FFFFFF;background-color: #FFFFFF;border-width: 10px}
.shop-view .hot-shop .item .points .money {font-size: 20px !important; }
.shop-view .hot-shop .item .water {position: absolute;top: 10px;left: 15px;z-index: 999;width: 70px}
.color-red {color: #9E2E17 !important;}

.download {margin: 31px 0px;}
.download .search-box {width: 580px;height: 50px;background: #F4F4F4;border-radius: 6px;padding-left: 16px;padding-right: 16px;border: 1px solid #CCCCCC;clear: both;margin: 0px auto;}
.download .search-box .key {border: none;background: none;height: 50px;line-height: 1}
.download .search-box .submit {height: 26px;width: 26px}
.download .d-content {display: flex;margin-top: 46px;justify-content: space-between}
.download .d-content .d-list {width: 840px;}
.download .d-content .d-detail {width: 860px;}
.download .d-content .d-slider {width: 380px;}
.download .d-content .d-slider .m-link {padding: 27px 0px;display: flex;flex-direction: column}
.download .d-content .d-slider .m-link a {height: 54px;line-height: 54px;text-align: center;font-size: 18px;font-weight: bold;border: 1px solid #707070;margin-bottom: 10px}
.download .d-content .d-slider .m-link .blue-link {background-color: #324CE1;border: none;color: #FFFFFF}

.ui-box {border: 1px solid #E3E3E3;padding: 10px 16px;margin-bottom: 20px;}
.ui-box .b-title {border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;margin-bottom: 15px}

.tag-list, .tag-list-normal {display: flex;margin: 0px -5px;flex-wrap: wrap;}
.tag-list-normal .tag {color: #537FBA;background-color: #EFF2F5;border-radius: 4px;height: 30px;line-height: 30px;margin: 8px 8px;text-align: center;overflow: hidden;padding: 0px 10px;cursor: pointer}
.tag-list a {color: #537FBA;font-size: 12px;background-color: #EFF2F5;border-radius: 4px;height: 30px;line-height: 30px;margin: 8px 5px;width: calc(25% - 10px);text-align: center;overflow: hidden}
.tag-list a:hover, .tag-list .active, .tag-list-normal .active {background-color: #324CE1;color: #FFFFFF}

.ui-box .link-list {display: flex;flex-direction: column}
.ui-box .link-list a {display: flex;align-items: center;justify-content: space-between;margin: 6px 0px}
.ui-box .link-list a .count {display: flex;justify-content: space-between;align-items: center;color: rgba(0, 0, 0, 0.3);}
.ui-box .link-list a .count img {margin-right: 10px}
.ui-box .link-list a:hover {text-decoration: underline}

.download .d-content .d-detail .title-bar, .download .d-content .d-detail .subinfo {display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px}
.download .d-content .d-detail .title-bar .title {font-size: 24px;font-weight: bold;width: 720px;}
.download .d-content .d-detail .title-bar .tool .item {width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;background-color: #EFF2F5;border-radius: 20px;margin-left: 10px;cursor: pointer;}
.download .d-content .d-detail .title-bar .tool .item:hover {background-color: rgba(50, 76, 225, 0.3)}
.download .d-content .d-detail .subinfo {height: 56px;background-color: #F7F8FF;border-radius: 3px;font-size: 12px;padding: 0px 20px}
.download .d-content .d-detail .subinfo img {height: 12px;margin-right: 3px}
.download .d-content .d-detail .subinfo .downl-link {background-color: #324CE1;color: #FFFFFF;font-size: 14px;padding: 4px 15px;border-radius: 4px}
.download .d-content .d-detail .subinfo .item {display: flex;align-items: center;user-select: none}
.download .d-content .d-detail .filename {background-color: #F7F8FF;border-radius: 3px;font-size: 12px;padding: 10px 20px;margin-top: -45px;margin-bottom: 30px;font-size: 14px;color: #000000;line-height: 1}
.download .d-content .d-detail .filename img {margin-right: 6px}
.download .d-content .d-detail .txt-content {padding-bottom: 31px;word-break: break-word;}
.download .d-content .d-detail .txt-content img {max-width: 100%}
.ui-user-profile {box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);margin-bottom: 20px;padding: 15px 25px;display: flex;flex-direction: column;align-items: center}
.ui-user-profile .logo {width: 200px;height: 200px;display: flex;align-items: center;overflow: hidden;border-radius: 100px;margin-bottom: 30px}
.ui-user-profile .logo img {width: 100%}
.ui-user-profile .block-name {font-size: 36px;font-weight: bold}
/*.ui-user-profile .block-name:hover{text-decoration: underline}*/
.ui-user-profile .info {width: 100%; display: flex; flex-direction: column; align-items: flex-start;}
.ui-user-profile .block-work {opacity: 0.7;font-weight: bold;}
.ui-user-profile .block-level {background-color: rgba(50, 76, 225, 0.3);font-size: 12px;padding: 3px 15px;margin-top: 15px;margin-bottom: 36px}
.ui-user-profile .block-data {display: flex;margin-bottom: 10px;width: 100%;justify-content: space-between}
.ui-user-profile .block-data .item {display: flex;flex-direction: column;font-weight: bold;text-align: center}
.ui-user-profile .block-data .item .num {font-size: 20px;font-weight: bold}

.rfq-box {display: flex;justify-content: space-between;margin: 30px 0px}
.rfq-box .slider {width: 350px}
.rfq-box .category {width: 140px;display: flex;flex-direction: column}
.rfq-box .category .public-link {background-color: #324CE1;color: #FFFFFF;font-size: 14px;border-radius: 4px;height: 40px;line-height: 40px;text-align: center}
.rfq-box .category .list {display: flex;flex-direction: column;margin-top: 20px}
.rfq-box .category .list a {color: #000000;opacity: 0.8;padding: 7px 5px;display: flex;align-items: center;}
.rfq-box .category .list a:hover {color: #324CE1;opacity: 1}

.rfq-box .category .list .active {background: #F4F4F4;font-weight: bold;border-radius: 5px;}

.rfq-box .category .list a img {margin-right: 5px;opacity: 0.65}
.rqf-list {display: flex;flex-direction: column;width: 700px}
.rqf-list .item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);padding: 20px 5px;display: flex;}
.rqf-list .item:last-child {border-bottom: none;}
.rqf-list .item:first-child {padding-top: 0px}
.rqf-list .item .img {width: 40px;height: 40px;overflow: hidden;border-radius: 20px;display: flex;align-items: center}
.rqf-list .item .img img {width: 100%}
.rqf-list .item .content {margin-left: 20px;flex: 1;display: flex;flex-direction: column;overflow: hidden}
.rqf-list .item .content .title {display: flex;align-items: center;justify-content: space-between}
.rqf-list .item .content .title .link {font-size: 16px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.rqf-list .item .content .title .tag {color: #324CE1;font-size: 12px;font-weight: bold;background-color: #EAEDFF;border-radius: 4px;padding: 3px 12px }
.rqf-list .item .content .info {display: flex;align-items: center;margin-top: 5px}
.rqf-list .item .content .info .i-item {margin-right: 20px;font-size: 12px;color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;user-select: none}
.rqf-list .item .content .info .i-item img {margin-right: 3px;}
.rqf-list .item .content .info b {color: #0F0F0F !important;opacity: 1}
.rqf-list .item:hover .content .title .link {color: #324CE1}
.rfq-box .slider .rqf-list {width: 100%}
.rfq-box .slider .rqf-list .item .content .title .link {max-width: 100%}
.rfq-box .slider .rqf-list .item {padding: 15px 3px}

.rfq-box .rqf-view {display: flex;flex-direction: column;width: 700px}
.rfq-box .rqf-view .view-content {padding-left: 65px}
.rfq-box .rqf-view .view-content .detail {padding-bottom: 50px}
.rfq-box .rqf-view .view-content .detail img {max-width: 100%}
.rfq-box .ui-btn {border-radius: 4px;padding: 12px 25px}
.rfq-box .rqf-view .rqf-list .item .content .title .link {overflow: auto;white-space: normal}

.ui-form {display: flex;flex-direction: column;transition: all 0.3s;width: 100%;flex-wrap: wrap}
.ui-form .block-title {font-size: 24px;color: #000000;margin: 36px}
.ui-form .item {margin: 10px 0px; font-size: 16px;color: #2E2E2E;display: flex;flex-direction: column}
.ui-form .input {height: 48px;line-height: 1;padding: 8px 10px;font-size: 16px;margin-top: 6px;transition: all 0.5s;font-weight: normal}
.ui-form .input:focus {border: 1px solid #1F37EC}
.ui-form .item a {color: #7A7A7A;text-decoration: underline}

.ui-form .input-auto {height: auto !important;}
.ui-form .input-checkbox {height: 20px !important;;width: 20px !important;;margin: 0px;margin-right: 5px}
.ui-form .input-checkbox-block {margin: 10px 0px;margin-right: 26px}

.ui-form .form-row {display: flex;flex-direction: row;justify-content: space-between;margin: 15px -15px}
.ui-form .form-row .row-cell {display: flex;flex-direction: column;font-size: 14px;color: #5E5E5E;flex: 1;padding: 0px 15px;word-break: break-all;}

.ui-form .form-row .row-cell .hot {color: #F24F1C;font-weight: bold;margin-left: 6px}

.ui-form .form-row .input {border: 1px solid rgba(112, 112, 112, 0.4);font-size: 14px;height: 43px}
.ui-form .form-row .input:focus {border: 1px solid #1F37EC}
.ui-form .form-row-txt {margin: 8px -15px}
.ui-form .form-row .row-cell .form-row {margin: 0px}
.ui-form .form-row-txt .row-cell {justify-content: space-between;height: 45px }
.ui-form-normal, .ui-form-normal .input {font-size: 14px}
.func-title {font-size: 16px;display: flex;flex-direction: row;align-items: center;margin-bottom: 21px;line-height: 1}
.func-title:before {content: '';width: 4px;border-radius: 2px;background-color: #1F37EC;height: 16px;margin-right: 10px}

.tips {padding: 12px 20px;border-radius: 5px;border: 1px solid transparent;margin: 16px 0px;transition: all 0.3s;}
.tips-danger {color: #721C24;background-color: #F8D7DA;border-color: #F5C6CB;}
.tips-success {color: #FFFFFF;background-color: #36C968;border-color: #36C968;}

/*验证样式*/
.ui-form-verify .verify-ok {}
.ui-form-verify .verify-error {position: relative !important;}
.ui-form-verify .verify-error .error-tips {color: #FFF;position: absolute;top: 0px;right: 0px;background-color: #4D75FC;border-radius: 3px;padding: 3px 6px;font-size: 12px;}
.ui-form-verify .verify-error .error-obj {border: 1px solid red !important;box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.1);}

.ui-success {background: #F2F3FA;text-align: center;padding-top: 100px;padding-bottom: 168px;line-height: 2}
.ui-success .suc-ico {width: 120px}
.ui-success h1 {color: #000000;font-size: 31px;margin-top: 15px}
.ui-success h2 {color: #5E5E5E;font-size: 20px;font-weight: normal}
.ui-success .link {font-size: 18px;color: #1F37EC;margin-top: 36px}
.ui-success .link a {margin: 0px 10px}

.one-page {margin: 20px auto; width: 1280px; clear: both;line-height: 2}
.one-page img {line-height: 0px;max-width: 100%}

.ui-pager {display: flex;justify-content: center;margin: 16px 0px;width: 100%}
.ui-pager .pager-body {overflow: hidden;font-size: 14px;padding-left: 1px;display: flex;flex-direction: row;}
.ui-pager a { color: #6C757D; background-color: #FFF; height: 40px;line-height: 40px;min-width: 42px;padding: 0px 10px;border: 1px solid #DEE2E6;margin-left: -1px;cursor: pointer; transition: all .15s ease-in-out;text-align: center}
.ui-pager a:hover {color: #1F37EC; background-color: #E9ECEF; border-color: #DEE2E6}
.ui-pager .active {color: #FFFFFF;background-color: #1F37EC;border-color: #1F37EC}
.ui-pager a:first-child {border-bottom-left-radius: 2px;border-top-left-radius: 2px}
.ui-pager a:last-child {border-bottom-right-radius: 2px;border-top-right-radius: 2px}

.ui-no-data {clear: both;display: flex;flex-direction: column; align-items: center;font-weight: bold;font-size: 16px;box-shadow: 0 0px 1px 1px rgba(0, 0, 0, 0.10);background-color: #FFFFFF;padding: 62px 20px;color: #7A7A7A; margin: 20px 0px;width: 100%;text-align: center}
.ui-no-data img {height: 100px;margin-bottom: 30px}

.row-item-left-split {margin-left: 12px}

.ui-grid {width: 100%;border-spacing: 0px;border-collapse: collapse;line-height: 24px;background: #FFFFFF;text-align: center;}
.ui-grid td, .ui-grid th {padding: 8px 6px;display: table-cell;border: 1px solid #E5E7F5; }
.ui-grid th {border-bottom: 0px solid #E5E7F5;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #7A7A7A;font-weight: normal}
.ui-grid td {color: #000000}

.ui-grid .ui-no-data {border: none;box-shadow: none}

.ui-pop-menu {position: relative;}
.ui-pop-menu:hover .pop-box {display: flex;}
.ui-pop-menu .pop-box {border: rgba(0, 0, 0, 0.10);border-radius: 8px;padding: 8px 0px;background-color: #FFFFFF;box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);z-index: 999;display: none;flex-direction: column;position: absolute;top: 31px;right: 0px }
.ui-pop-menu .pop-box .p-item {padding: 5px 12px;color: #161616;border-left: 2px solid transparent;white-space: nowrap;}
.ui-pop-menu .pop-box .p-item:hover, .ui-pop-menu .pop-box .active {background: #EFF4FF;border-left: 2px solid #324CE1; }

.player .vjs-theme-city {user-select: none}
.player .vjs-theme-city .vjs-playback-rate-value {display: flex;align-items: center;justify-content: center}
.player .vjs-theme-city .vjs-playback-rate .vjs-menu {margin-bottom: 1.8rem}
.player .vjs-theme-city .vjs-menu li {padding: 0.5em 0px}
.player .vjs-theme-city .vjs-big-play-button {border: none;height: 3em;margin-top: -1.5em;margin-left: -1.5em}
.player .vjs-theme-city .vjs-big-play-button .vjs-icon-placeholder:before {position: relative }
.player .vjs-theme-city .vjs-big-play-button:focus, .player .vjs-theme-city:hover .vjs-big-play-button { background-color: rgba(43, 51, 63, .56); }
.player .vjs-theme-city .vjs-play-control {margin-left: -3rem}

.hide {display: none }
.comments-list .ui-btn {padding: 6px 12px;font-size: 14px}

.ui-share {display: flex;flex-direction: column;justify-content: center;margin: 0px}
.ui-share .form {display: flex;flex-direction: row;height: 48px;border: 1px solid #000000;align-items: center}
.ui-share .form .link {color: #000000;font-size: 16px;padding: 0px 15px;flex: 1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: left;height: 48px;line-height: 48px;border: none;background: none;}
.ui-share .form .btn {width: 80px;background-color: #000000;text-align: center;line-height: 48px;color: #FFFFFF;font-size: 16px;cursor: pointer}
.ui-share .plat {display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: 40px}
.ui-share .plat .item {border: 1px solid #000000;border-radius: 40px;height: 40px;width: 40px;margin: 0px 8px;overflow: hidden;display: flex;justify-content: center;align-items: center}
.ui-share .plat-txt {margin-top: 16px;word-break: break-all;}

.jconfirm.jconfirm-modern .jconfirm-box {padding: 15px !important;}
.no-margin {margin: 0px !important;}
.no-padding {padding: 0px !important;}
.jconfirm .jconfirm-box .jconfirm-buttons {padding-bottom: 0px !important;}

.rqf-list .item .content .title .tool {display: flex;flex-direction: row;align-items: center}
.rqf-list .item .content .title .tool .t-item {width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;background-color: #EFF2F5;border-radius: 20px;margin-left: 10px;cursor: pointer;}
.rqf-list .item .content .title .tool .t-item:hover {background-color: rgba(50, 76, 225, 0.3)}

.ui-file-upload {display: flex; flex-direction: column;position: relative;border: 2px dashed rgba(112, 112, 112, 0.4);padding: 20px;overflow: hidden;margin: 10px 0px;flex: 1}
.ui-file-upload input {position: absolute;top: 0px;right: 0px;padding: 2000px;opacity: 0}
.ui-file-upload .select-handler {display: flex;flex-direction: column;align-items: center; font-size: 14px; font-weight: bold; color: #97A1A8;padding: 10px 0px;}
.ui-file-upload .select-handler img {height: 50px}
.ui-file-upload .file-list {display: flex;flex-direction: column;}
.ui-file-upload .file-list .up-item { background: #F7F7F7; color: #4D4D4C;padding: 15px;margin-bottom: 15px;position: relative;display: flex;align-items: center;flex-direction: row;font-size: 14px}
.ui-file-upload .file-list .up-item:last-child {margin-bottom: 0px}
.ui-file-upload .file-list .up-item .info {flex: 1;margin: 0px 15px;display: flex;flex-direction: column;justify-content: space-between;color: #777;font-size: 12px}
.ui-file-upload .file-list .up-item .info label {margin-right: 20px}
.ui-file-upload .file-list .up-item .info label:last-child {color: #59D16C;font-weight: bold }
.ui-file-upload .file-list .up-item .info p {font-size: 14px;font-weight: bold;margin-bottom: 5px;color: #0F0F0F}
.ui-file-upload .file-list .up-item .del {cursor: pointer; background: #FAFAFA; border-radius: 4px; border: 1px solid #E3E3E3;width: 38px; height: 38px; display: flex; align-items: center;justify-content: center;}
.ui-file-upload .file-list .up-item .del:hover {background-color: #E3E3E3}
.ui-file-upload .file-list .process {position: absolute;left: 0px;bottom: 0px;right: 0px;height: 4px;background-color: #E8E8E8;display: flex;align-items: flex-start}
.ui-file-upload .file-list .process .rate {width: 0%;height: 100%;transition: all 0.3s; background-color: #1F37EC;}
.verify-error .ui-file-upload, .tag-list-normal.verify-error {border: 2px dashed red;box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.1);}

.h5-show {display: none}

.handler-reward {padding: 6px !important;}
.handler-reward img {width: auto !important;}

.ui-btn-active {color: #1F37EC !important;background-color: rgba(50, 76, 225, 0.36) !important;border-radius: 50%;}
.comments-list .ql-toolbar {margin-top: 12px}
.comments-list .ql-toolbar.ql-snow {padding: 5px}
.comments-list .ql-editor { padding: 8px 10px;}
.ql-editor {word-break: break-all;}
.ui-comments .comments-list .item .content .message img {max-width: 93%; padding: 3px; border: 1px solid #E3E3E3; box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);height: auto}

.comment-replay {height: 120px !important;width: 100%;display: none}

.ui-comments .comments-list .item .content .comment-replay {height: 180px !important;}
.comments-list #commentslist {margin-top: 31px}

.video-user-pic {width: 36px;height: 36px;overflow: hidden;display: flex;align-items: center;border-radius: 50%;box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);padding: 3px}
.video-user-pic img {width: 100%}

.search-page {margin: 31px 0px}
.search-page .search-bar {margin: 31px 0px;border-bottom: 1px solid #F1F2F3;}
.search-page .search-bar a {font-size: 14px;color: #000000;margin-right: 36px;display: flex;align-items: center;margin-bottom: 5px;}
.search-page .search-bar a label {background-color: #F1F2F3;padding: 2px 5px;border-radius: 10px;font-size: 12px;margin-left: 5px;color: #62666D;line-height: 1;margin-top: -3px}
.search-page .search-bar a span {padding: 10px 0px;border-bottom: 2px solid transparent;word-break: keep-all; white-space: nowrap;}
.search-page .search-bar .active {color: #1F37EC;font-weight: bold}
.search-page .search-bar .active span {border-bottom: 2px solid #1F37EC;}
.search-page .search-bar .active label {background-color: #FD640A;color: #FFF;}

.search-page .search-bar .container {overflow: hidden}
.search-page .search-bar .container:hover {overflow: auto}
.search-page .ui-no-data {box-shadow: none}
.search-page .course-all {margin-top: 0px}
.search-page .user-list .item {width: calc(50% - 22px);flex-direction: row}
.search-page .user-list .item .image {width: 120px;height: 120px;margin-right: 12px}
.search-page .user-list .item .u-content {flex: 1;display: flex;flex-direction: column;justify-content: space-between}
.search-page .user-list .item .intro {border: none;padding: 0px;margin: 0px}

.hot-play-item {border-radius: 8px;background-color: rgba(242, 242, 242, 0.5)}
.hot-play-item .needpoints {background-color: #F09C45 !important;}

.login-full-bg {width: 100%;background: url("bg-login.jpg") center no-repeat;background-size: cover;display: flex;}
.login-full-bg .container {display: flex;align-items: center;justify-content: right}
.login-full-bg-reg {background-image: url("bg-login-reg.jpg") }
.login-full-bg .ui-login {margin: 100px 0px}

.home-top-block {background-color: #FAFAFA;margin-bottom: 51px}
.home-top-block .nave-categroy {width: 230px;background-color: #FFFFFF;border-radius: 5px;padding: 15px 15px;display: flex;flex-direction: column;height: 400px;justify-content: space-between}
.home-top-block .nave-categroy a {display: flex;flex-direction: row;justify-content: space-between;color: #3C3C3C;font-size: 14px;align-items: center}
.home-top-block .nave-categroy a:hover {color: #1F37EC;transition: all 0.3s;}
.home-top-block .banner {width: 100%;border-radius: 5px;background-color: #FFFFFF;overflow: hidden}

.home-top-block .banner .swiper-wrapper {height: 724px;}
.home-top-block .banner .banner-item {display: flex;height: 100%;width: 100%;align-items: center;overflow: hidden;justify-content: center}
.home-top-block .banner .banner-item img {height: 724px;}

.home-top-block .user-info {width: 220px;height: 400px;background-color: #FFFFFF;padding: 15px;border-radius: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center}
.home-top-block .user-info .video-user-pic {width: 56px;height: 56px;}
.home-top-block .user-info .user-name {font-size: 18px;color: #0F0F0F;font-weight: bold;margin-top: 8px;}
.home-top-block .user-info .user-work {opacity: 0.8;margin-top: 4px}
.home-top-block .user-info .data-info {display: flex;flex-direction: column;margin: 20px 0px;width: 86%}
.home-top-block .user-info .data-info .item {display: flex;flex-direction: row;align-items: center;margin: 5px 0px}
.home-top-block .user-info .data-info .item .count {font-size: 18px;font-weight: bold;margin-left: 6px}
.home-top-block .user-info .ui-btn {width: 93%}
.home-top-block .user-info .login-tips {font-size: 16px;margin-bottom: 31px;text-align: center}
.home-top-block .user-info .ui-btn-empty {margin-top: 24px}

.home-block-data {margin: 0px 0px}
.home-block-data .block-data-title {font-size: 24px;color: #0F0F0F;margin-bottom: 24px;display: flex;align-items: center;justify-content: space-between;font-weight: bold}
.home-block-data .block-data-title a { opacity: 0.75;font-size: 14px;font-weight: normal}
.home-block-data .block-data-title a:hover {opacity: 1;color: #1F37EC;font-weight: bold;text-decoration: underline }

.func-nave {display: flex;justify-content: left;margin-bottom: 3px;overflow: hidden;-webkit-tap-highlight-color: transparent}
.func-nave .item {background-color: #000000;height: 50px;line-height: 50px;font-size: 18px;font-weight: bold;color: #FFFFFF;cursor: pointer;border-top-right-radius: 15px;border-top-left-radius: 15px;border: 2px solid #FFFFFF;padding-left: 50px;margin-left: -20px;padding-right: 30px}
.func-nave .item:first-child {margin-left: 0px;padding-left: 30px;}
.func-nave .ahover {color: #FFFFFF;background-color: #3F3FEB;z-index: 999}
.func-block {display: flex;flex-direction: row;align-items: center;padding: 90px 36px;background-color: #3F3FEB;border-radius: 16px;border-top-left-radius: 0px}
.func-block .content {display: flex;justify-content: space-between;flex-direction: column;padding-right: 60px}
.func-block .content h1 { color: #FFFFFF; font-size: 50px; font-weight: 400; }
.func-block .content h2 { color: #FFFFFF; font-size: 28px; font-weight: 200; line-height: 1.4; margin-top: 50px; }
.func-block img {height: 380px}
.func-block-hide {display: none}
.form-item-hide {display: none !important;}

.func-block-right .content {padding-left: 60px;padding-right: 0px}
.home-cooperation {display: flex;flex-direction: row;margin: 0px -10px;margin-bottom: 36px}
/*.home-cooperation .item {width: 15%;padding: 0px 10px;height: 90px;display: flex;align-items: center;justify-content: center;margin: 15px 0.8%; box-shadow: 0px 0px 36px rgba(187, 185, 185, 0.3);border-radius: 6px;position: relative}*/
/*.home-cooperation .item:before {position: absolute;top: -13px;left: 40px;right: 40px;content: attr(title);background: #1F37EC; color: #FFF; text-align: center; border-radius: 31px;line-height: 2;box-shadow: 0px 0px 20px 4px rgba(187, 185, 185, 0.6);}*/
/*.home-cooperation .item img {width: 86%;}*/
/*.home-cooperation .item:hover {box-shadow: 0px 0px 20px rgba(187, 185, 185, 0.6);}*/

.home-cooperation .item {width: 195px;padding: 0px 10px;height: 90px;display: flex;align-items: center;justify-content: center;margin: 15px 0%; border-radius: 6px;position: relative}
.home-cooperation .item img {width: 100%;}

.ui-slider-bar {position: fixed;right: -1px;top: 50%;z-index: 999;border: 1px solid rgba(0, 0, 0, 0.1);background-color: #FCFCFC;margin-top: -86px}
.ui-slider-bar .item {border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 10px;display: flex;align-items: center;justify-content: center;position: relative;cursor: pointer}
.ui-slider-bar .item:last-child {border: none;}
.ui-slider-bar .item svg {min-height: 20px; max-height: 22px;}
.ui-slider-bar .item svg path {fill: #8F8F8F }
.ui-slider-bar .item:hover svg path {fill: #1E3050 }
.ui-slider-bar .item .dialog {position: absolute;top: -100px;right: 42px;border: 1px solid rgba(0, 0, 0, 0.1);display: none}
.ui-slider-bar .item .dialog img {width: 256px}
.ui-slider-bar .item:hover .dialog {display: flex}

.ui-slider-bar .item span {position: absolute;top: -8px;left: -12px; background-color: #FD640A; border-radius: 11px;overflow: hidden; line-height: 22px; font-size: 12px; color: #FFF;height: 22px;min-width: 22px;text-align: center;padding: 0px 5px;display: none}

.home-free-video-bg {background: url("free-video-bg.jpg") center no-repeat;background-size: cover;height: 567px;padding: 0px}
.home-free-video-bg .home-block-data {margin: 0px}
.home-free-video-bg .home-block-data .block-data-title a {color: #FFFFFF;font-size: 18px;opacity: 1;}
.home-free-video-bg .home-block-data .block-data-title {margin-bottom: 36px;color: #FFFFFF;justify-content: right}
.home-free-video-bg .home-block-data .block-data-title div {display: none}
.home-free-video-bg .container .swiper-container {background-color: #FFFFFF;border-radius: 20px;border-left: 28px solid #FFFFFF;border-right: 28px solid #FFFFFF;margin-left: 60px;padding: 35px 0px}

.home-free-video-bg .container .video-list {flex-wrap: nowrap;width: auto;}
.home-free-video-bg .container .video-list .item {margin-bottom: 0px;width: 302px !important;flex-direction: column}
.home-free-video-bg .container .swiper-button-next, .home-free-video-bg .container .swiper-button-prev {width: 50px;height: 50px;border-radius: 50%;background-color: #FFFFFF;background-size: 100% 40%;box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16);}
.home-free-video-bg .container .swiper-pagination {margin-bottom: 0px}

.member-home-profile {box-shadow: none;margin-bottom: 30px;padding: 30px 0px}
.member-home-profile .logo-row {display: flex;flex-direction: row;align-items: center;width: 100%;margin-bottom: 56px}
.member-home-profile .logo-row .logo {width: 120px;height: 120px;margin-right: 50px;border: 1px solid #B5B5B5;border-radius: 60px;margin-bottom: 0px;box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.16)}
.member-home-profile .logo-row .info {flex: 1}
.member-home-profile .logo-row .block-name:hover {text-decoration: underline}

.member-home-profile .block-data {justify-content: left}
.member-home-profile .block-data .item {margin-right: 50px}
.member-home-profile .block-data .item:last-child {margin-right: 0px}
.member-home-profile .block-about {width: 100%;margin-top: 21px;}
.member-home-profile .block-about .block-title {font-size: 18px; font-weight: bold;margin-bottom: 10px}

.cart-box {margin-bottom: 40px}
.cart-header {display: flex;align-items: center;flex-direction: column;margin-top: 62px}
.cart-header h1 {font-size: 31px;color: #000000;font-weight: 400;line-height: 1;margin-bottom: 40px}

.cart-grid {width: 100%;border-spacing: 0px;border-collapse: collapse;line-height: 24px;background: #FFFFFF;text-align: center;font-size: 18px}
.cart-grid td, .cart-grid th {padding: 16px 10px;display: table-cell;border: 1px solid #E5E7F5; }
.cart-grid th {border-bottom: 0px solid #E5E7F5;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #7A7A7A;font-weight: normal}
.cart-grid td {color: #000000}
.cart-grid .product img {margin: 0px 15px;width: 80px}
.cart-grid .product a:hover {text-decoration: underline}

.cart-grid .input {height: 40px;line-height: 1;padding: 8px 10px;font-size: 16px;transition: all 0.5s;font-weight: normal;border: 1px solid #EFEFEF}
.cart-grid .input-checkbox {height: 20px;width: 20px;margin: 0px;}
.cart-grid .input:focus {border: 1px solid #1F37EC}
.cart-grid .Quantity {width: 100%;padding: 0px 10%}
.cart-grid .Quantity .btn-count {width: 40px;height: 40px;text-align: center;line-height: 40px;background-color: #EFEFEF;cursor: pointer;user-select: none}
.cart-grid .Quantity .input {flex: 1;text-align: center}
.cart-grid .money {color: #FD640A}
.cart-grid .foot-tool {background-color: #F2F2F2}
.cart-grid .foot-tool td:first-child {text-align: left;border-right: none}
.cart-grid .foot-tool td:first-child div {cursor: pointer;width: 100px}
.cart-grid .foot-tool td:last-child {text-align: right}
.cart-grid .foot-tool td span {margin-right: 10px;user-select: none}

.cart-box .ui-form .form-row .form-21-2 {width: 66.66%;flex: auto}
.cart-box .ui-form .form-row .form-21-1 {width: 33.33%;flex: auto}

.cart-box .login-tips {border-radius: 8px;background: #F2F2F2;height: 120px;display: flex;align-items: center;margin: 31px 0px;flex-direction: column; justify-content: center;font-size: 16px}
.cart-box .login-tips .ui-btn {font-size: 14px;padding: 8px 15px;margin-bottom: 16px}

.cart-box .TotalFreightBar-hide {display: none}

.cart-box-view {overflow: auto}
.cart-box-view .ui-form {overflow: hidden;}

.order-grid {width: 100%;border-spacing: 0px;border-collapse: collapse;line-height: 24px;background: #FFFFFF;text-align: center;margin: 56px 0px;}
.order-grid td {padding: 7px 15px;display: table-cell;border: 1px solid rgba(112, 112, 112, 0.2); }
.order-grid .header td {border-bottom: 1px solid rgba(112, 112, 112, 0.2);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000000;font-weight: normal;background-color: #F2F3F4;font-weight: bold}
.order-grid td {color: #000000}
.order-grid .sends {text-align: left;line-height: 1.8}
.order-grid a:hover {text-decoration: underline}
.order-grid .total-money {color: #FD640A;font-size: 18px}
.order-grid tr:hover td {background-color: #F4F4F4}
.order-grid .hot-link {color: #FD640A;font-weight: bold}
.order-grid .product-title {margin-left: 10px}
.order-grid .remark img {max-width: 96%}
.order-submit-btn {height: 50px;line-height: 50px;text-align: center;color: #FFFFFF;font-size: 18px;font-weight: bold;background-color: #324CE1;border: none;width: 100%;cursor: pointer}
.order-submit-btn-empty {background: none;border: 1px solid #000000;color: #000000 }

/*#tidio-chat-iframe {margin-right: -110% !important;}*/
/*#tidio-chat .tidio-chat-iframe-show {margin-right: 0px !important;}*/

.member .content-box .cart-box {margin-bottom: 31px}
.member .content-box .order-grid {margin: 0px}

.shop-filter {display: flex;align-items: center;margin: 10px 0px;flex-wrap: wrap}
.shop-filter .item {color: #161616;background: #F4F4F4;border-radius: 10px;text-decoration: none;word-break: keep-all; white-space: nowrap;margin: 6px 12px;padding: 8px 15px;margin-left: 0px}
.shop-filter .item:hover, .shop-filter .active {background-color: #1F37EC;color: #FFFFFF;}
.shop-filter-sub .item {padding: 5px 10px;border-radius: 6px}
.shop-filter-sub {border-top: 1px solid rgba(112, 112, 112, 0.2);padding-top: 10px}
.member-shop-state-nave {margin-bottom: 24px}
.video-sub-filter {margin-top: -20px}
.video-sub-filter .active, .video-sub-filter .item:hover {background: #0F0F0F;color: #FFFFFF;}

.ui-select-search {border-radius: 0px;border: 1px solid rgba(112, 112, 112, 0.4); font-size: 14px; height: 43px;background: none;user-select: none;-webkit-tap-highlight-color: transparent;margin-top: 6px}
.ui-select-search .pop-box {top: 41px;left: 0px;border: 1px solid rgba(112, 112, 112, 0.4);border-radius: 0px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;display: none}
.ui-select-search .pop-box .p-item {padding: 10px 12px}
.ui-select-search .pop-box .input {margin: 5px 12px}
.ui-select-search .pop-box .option-box {display: flex;flex-direction: column;max-height: 310px;overflow: auto;}
.ui-select-search:hover {background: #FFFFFF}
.verify-error .ui-select-search {border: 1px solid red !important;box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.1);}
.ui-select-search .pop-box-hide {display: none !important;}

.course-detail .ui-comments {margin-top: 20px;}
.course-detail .ui-comments .block-title {font-size: 14px}
.course-detail .ui-comments .block-title .title {font-size: 18px}
.course-detail .ui-comments .comments-list {margin-top: 15px;flex-wrap: wrap;justify-content: space-between;flex-direction: row}
.course-detail .ui-comments .comments-list .item {width: 49%}

@keyframes rubberBand {
	0% {
		transform: scaleX(1)
		}
	30% {
		transform: scale3d(1.25, .75, 1)
		}
	40% {
		transform: scale3d(.75, 1.25, 1)
		}
	50% {
		transform: scale3d(1.15, .85, 1)
		}
	65% {
		transform: scale3d(.95, 1.05, 1)
		}
	75% {
		transform: scale3d(1.05, .95, 1)
		}
	to {
		transform: scaleX(1)
		}
	}
.rubberBand {
	animation-name: rubberBand;
	animation-duration: 0.8s;
	}
.cart-info .row-cell {font-size: 18px !important;}
.cart-info .row-cell b {margin-top: 16px;color: #FD640A !important}

.ui-header .links .charge {color: #1F37EC;font-size: 14px;border: 1px solid #1F37EC;border-radius: 15px;line-height: 1;padding: 5px 18px;height: auto;margin-left: 0px;margin-top: 5px}
.ui-header .links .charge-box {display: flex;flex-direction: column; margin-left: 12px;color: #1F37EC;text-align: center}
.ui-header .links .video-user-pic {width: 42px;height: 42px}
.ui-header .links .video-user-pic:hover {box-shadow: 0px 0px 8px 1px rgba(89, 108, 251, 0.6);}

.member-message-list {display: flex;flex-direction: column;margin-top: -10px}
.member-message-list .item {padding: 10px 0px;display: flex;flex-direction: column;margin-bottom: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.08)}
.member-message-list .item .info {display: flex;flex-direction: row;align-items: center;justify-content: space-between;color: rgba(0, 0, 0, 0.5);font-size: 12px;margin-top: 10px}
.member-message-list .item .body {line-height: 2}
.message-tips-link {color: #1F37EC;font-weight: bold;margin: 0px 5px;text-decoration: underline}

.login-get-vcode {white-space: nowrap;margin-left: 10px}

.blog-page-title {font-size: 31px; margin-top: 31px}
.blog-page {margin: 21px 0px;display: flex;justify-content: space-between}
.blog-page .b-list, .blog-page .b-detail {width: 880px;}
.blog-page .b-slider {width: 350px;}
.blog-page .b-slider .b-title {border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;margin-bottom: 15px}

.blog-page .topic-list {display: flex;flex-direction: column}
.blog-page .topic-list .item {display: flex;flex-direction: row;margin: 20px 0px}
.blog-page .topic-list .item .img {width: 280px;height: 160px;display: flex;align-items: center;overflow: hidden; border-radius: 2px;}
.blog-page .topic-list .item .img img {width: 100%}

.blog-page .topic-list .item .content {display: flex;flex-direction: column;flex: 1;margin-left: 26px;word-break: break-word;align-items: flex-start;}
.blog-page .topic-list .item .content .title {font-size: 18px;font-weight: bold;margin: 10px 0px}
.blog-page .topic-list .item .content .title:hover {color: #324CE1;text-decoration: underline}
.blog-page .topic-list .item .content .desc {font-size: 14px;color: rgba(0, 0, 0, 0.5)}
.blog-page .topic-list .item .content .public-data {color: rgba(0, 0, 0, 0.5);line-height: 1}
.blog-page .topic-list .item .content .view-btn {background-color: #37B691;padding: 8px 12px;color: #FFFFFF;font-size: 12px;border-radius: 3px;margin-top: 10px}

.blog-page .topic-list-mini .item .img {width: 108px;height: 76px}
.blog-page .topic-list-mini .item .content .title {font-size: 14px;font-weight: bold;margin: 0px;margin-bottom: 10px}
.blog-page .topic-list-mini .item .content .public-data {font-size: 12px}

.blog-page .b-detail .title {font-size: 24px;font-weight: bold;width: 720px;}
.blog-page .b-detail .txt-content {padding: 16px 0px;word-break: break-word;line-height: 1.8}
.blog-page .b-detail .txt-content img {max-width: 100%}

.ui-foot .reg-form {height: 45px;background-color: #FFFFFF;border-radius: 5px;line-height: 45px;overflow: hidden;margin-right: 0px !important;margin-bottom: 20px}
.ui-foot .reg-form .holder {font-size: 16px;color: #7C7C7C;padding-left: 18px;padding-right: 50px;white-space: nowrap;flex: 1}
.ui-foot .reg-form .link {font-size: 16px;color: #FFFFFF;background-color: #1F37EC;padding: 0px 16px;margin: 0px;text-align: center}

.block-home-item {padding-bottom: 20px;padding-top: 35px;display: flex;flex-direction: row}
.block-home-item .header {display: flex;align-items: center;flex-direction: column}
.block-home-item .header h1 {font-size: 36px;color: #000000;font-weight: 400;line-height: 0.8}
.block-home-item .header h2 {font-size: 24px;color: #5E5E5E;font-weight: 300;margin-top: 20px;margin-bottom: 50px}
.block-home-item .block {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap}
.block-home-item .block .item {width: 330px;height: 280px;padding: 36px 44px;display: flex;flex-direction: column;align-items: start;background-color: #FFFFFF;box-shadow: 0px 0px 15px rgba(187, 185, 185, 0.1);transition: all 0.3s;}
.block-home-item .block .item .title {color: #000000;font-size: 22px;margin-top: 40px;margin-bottom: 10px}
.block-home-item .block .item .desc {color: #5E5A5A;font-size: 16px}
.block-home-item .block .item:hover {box-shadow: 0px 0px 20px rgba(187, 185, 185, 0.6);}
.block-home-item-white {background: #FFFFFF;}
.block-home-item-white .block .item {width: 690px;margin: 10px 0px;box-shadow: 0px 0px 36px rgba(187, 185, 185, 0.3);flex-direction: row;height: auto;align-items: center;padding: 50px 44px;}
.block-home-item-white .block .item img {margin-right: 50px}
.block-home-item-white .block .item .title {margin-top: 0px;}

.block-home-item-map {padding-bottom: 0px}
.block-home-item-map .header {padding-bottom: 50px}
.block-home-item-map .header h2 {margin-bottom: 36px}
.block-home-item-course {padding-top: 30px;padding-bottom: 30px}
.block-home-item-course .block {display: flex;flex-wrap: wrap}

.block-home-item-course .block .item {width: 25%;box-shadow: 0px 0px 36px rgba(187, 185, 185, 0.3);flex-direction: row;height: auto;align-items: center;padding: 50px 31px;}
.block-home-item-course .block .item .title {font-size: 18px;margin-top: 0px;line-height: 1.3}
.block-home-item-course .block .item .desc {font-size: 14px;line-height: 1.5}
.block-home-item-course .block .item img {margin-right: 31px}

.top-status { height: 40px; display: flex; justify-content: center; align-items: center; background-color: #F7F9FA; border-bottom: 1px solid #F3F2F2;}
.top-status .container {overflow: hidden;position: relative}
.top-status .last-btc {font-size: 14px;display: flex;justify-content: space-between;align-items: center;height: 40px;}
.top-status .last-btc .item {color: #000000;font-weight: bold;display: flex;align-items: center;margin-right: 36px}
.top-status .last-btc .item b {margin-left: 8px;opacity: 0.5;}
.top-status .last-btc .item label {color: #1F37EC;}

.top-status .last-btc .item img {width: 24px; border-radius: 12px; overflow: hidden;margin-right: 5px}

.home-top-block .swiper-pagination {position: relative;top: 0px;margin-top: 20px}
.home-top-block .swiper-pagination .swiper-pagination-bullet {height: 5px;width: 20px;border-radius: 4px}
.home-top-block .swiper-pagination .swiper-pagination-bullet-active {width: 32px}

#bannercooperation .swiper-pagination .swiper-pagination-bullet {height: 5px;width: 20px;border-radius: 4px}
#bannercooperation .swiper-pagination .swiper-pagination-bullet-active {width: 32px}

.page-about-order {display: flex;flex-wrap: wrap;margin: 0px -11px}
.page-about-order .item {width: calc(50% - 22px);margin: 11px;color: #FFFFFF;font-size: 18px;height: 252px;overflow: hidden;border-radius: 8px;padding: 12px 30px;display: flex;justify-content: flex-start;flex-direction: column;overflow: hidden;background-size: cover;position: relative}
.page-about-order .item:nth-child(1) {background: url("big-2.jpg") center no-repeat;}
.page-about-order .item:nth-child(2) {background: url("big-3.jpg") center no-repeat;}
.page-about-order .item:nth-child(3) {background: url("big-4.jpg") center no-repeat;}
.page-about-order .item:nth-child(4) {background: url("big-5.jpg") center no-repeat;}
.page-about-order .item p {font-size: 30px;margin-bottom: 10px; margin-top: 180px;transition: all 0.3s;z-index: 999}
.page-about-order .item .info {font-size: 16px;margin-bottom: 10px;display: flex;flex-direction: column;align-items: flex-start;margin-top: 500px;z-index: 999}
.page-about-order .item .info a {font-size: 16px;border: 1px solid #FFFFFF;color: #FFFFFF;border-radius: 20px;margin-top: 10px;padding: 5px 30px}
.page-about-order .item:hover {justify-content: center}
.page-about-order .item:hover .info {margin-top: 0px}
.page-about-order .item:hover p {margin-top: 0px}
.page-about-order .item:hover:before {content: '';left: 0px;right: 0px;top: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.36);position: absolute;z-index: 555}

.our-team { background: #FAFBFF; padding: 45px 0px; }

.ui-block-title {text-align: center;color: #000000;font-size: 30px;margin-bottom: 36px;display: flex;flex-direction: column}
.ui-block-title .info {font-size: 24px;color: #818183;margin-top: 16px;font-weight: 300}

.my-team {display: flex;align-items: center;margin-bottom: 31px}
.my-team .item {width: 156px;height: 240px;border-radius: 10px;overflow: hidden; display: flex;align-items: center;margin-right: 20px;transition: all 0.2s;position: relative;box-shadow: 0px 0px 16px rgba(187, 185, 185, 0);line-height: 1.5}
.my-team .item:last-child {margin-right: 0px}
.my-team .item .img {display: flex;align-items: center;width: 156px; height: 100%; background-color: #5766FF;flex-direction: column;transition: all 0.2s;}
.my-team .item .img .img-box {display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;overflow: hidden;border-radius: 50%;border: 3px solid #FFFFFF;margin: 43px 0px;box-shadow: 0px 0px 16px rgba(187, 185, 185, 0.4);transition: all 0.3s;}
.my-team .item .img .title-box {border-top: 1px solid rgba(255, 255, 255, 0.15);width: 100%;text-align: center;font-size: 18px; color: #FFFFFF;flex: 1;line-height: 50px}
.my-team .item .img img {width: 100%;margin-top: 36px}
.my-team .item .info {padding: 0px 45px;color: #666666;display: flex;flex-direction: column;justify-content: center;width: 420px;overflow: hidden;position: absolute;top: 0px;bottom: 0px;left: 600px;background-color: #EAEBE9}
.my-team .item .info b {font-size: 20px;color: #000000;margin-bottom: 8px;display: none}
.my-team .item .info .subinfo {margin-top: 6px;margin-bottom: 10px}
.my-team .item .info .link {display: flex;align-items: center;}
.my-team .item .info .link img {width: 31px;margin-right: 15px}

.my-team .active {width: 576px}
.my-team .active .info {width: 420px;display: flex;left: 156px;font-size: 15px}
.my-team .active .info b {display: flex}
.my-team .active .img {background: none}
.my-team .active .img .title-box {display: none}
.my-team .active .img .img-box {flex: 1;margin: 0px;width: 100%;border: none;box-shadow: none;border-radius: 0px;background-color: #b3b3b3}
.my-team .active .img .img-box img {margin: 0px}

.union-contact {padding: 62px 0px}
.union-contact .bar-box {display: flex;align-items: center;}
.union-contact .bar-box div {font-size: 18px;color: #000000;margin-right: 55px;cursor: pointer }
.union-contact .bar-box .active {color: #225AFE}
.union-contact .address {display: flex;flex-direction: column}
.union-contact .address .item {margin-top: 20px}
.union-contact .address .item .map {width: 100%}
.union-contact .address .item iframe {border: 1px solid rgba(112, 112, 112, 0.2) !important;border-radius: 5px;}
.union-contact .address .item .info {display: flex;justify-content: space-between;margin-top: 22px}
.union-contact .address .item .info .i-item {display: flex;border-radius: 5px;justify-content: space-between;align-items: center;padding: 30px 20px;margin-right: 20px;flex: 0.25;border: 1px solid rgba(112, 112, 112, 0.2)}
.union-contact .address .item .info .i-item .content {color: #B5B5B5;font-size: 16px}
.union-contact .address .item .info .i-item .content p {color: #575E74;margin-bottom: 10px}
.union-contact .address .item .info .i-item:last-child {margin-right: 0px;width: 510px;flex: 0.5}
.union-contact .address .item .info .i-item img {margin-right: -10px}
.ui-tab-content {display: none !important;}
.ui-tab-content-show {display: flex !important;}

.ui-overclock { border-radius: 12px; border: 1px solid #C5D3F9; background: url(/static/css/bg-1.png) center bottom no-repeat #F3F8FE; background-size: cover; box-shadow: #7EA5F631 0px 0px 10px 0px;display: flex;overflow: hidden;justify-content: space-between;margin-bottom: 50px}
.ui-overclock .info {margin-right: 100px;display: flex;flex-direction: column;padding: 47px 0px 47px 80px;flex: 1}
.ui-overclock .title {font-size: 24px;color: #000000}
.ui-overclock .sub {color: #7E8183;font-size: 18px;margin: 31px 0px}
.ui-overclock img {flex: 1}

.ui-minerfixes-cando {padding-bottom: 30px;}
.ui-minerfixes-cando .header {padding-bottom: 50px}

.ui-team-box {display: flex;flex-wrap: wrap;margin: 0px -10px;}
.ui-team-box .item { width: 616px;margin: 10px;}
.ui-team-box .item img {width: 100%}

.str_wrap {overflow: hidden;/ / zoom: 1;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;white-space: nowrap}
.str_move {white-space: nowrap;position: absolute;top: 0;left: 0;cursor: move}
.str_move_clone {display: inline-block;/ / display: inline;/ / zoom: 1;vertical-align: top;position: absolute;left: 100%;top: 0}
.str_vertical .str_move_clone {left: 0;top: 100%}
.str_down .str_move_clone {left: 0;bottom: 100%}
.str_vertical .str_move, .str_down .str_move {white-space: normal;width: 100%}
.str_static .str_move, .no_drag .str_move, .noStop .str_move {cursor: inherit}
.str_wrap img {max-width: none !important}

.ui-order-brand-title {display: flex;align-items: center;flex-direction: column;border: 1px solid rgba(112, 112, 112, 0.2);background-color: #F2F3F4;margin-bottom: 15px;line-height: 1.8}
.ui-order-brand-title p {font-size: 22px;font-weight: bold;margin-bottom: 3px;margin-top: 6px}
.ui-order-brand-title .sub {border-top: 1px solid rgba(112, 112, 112, 0.2);width: 100%;display: flex;align-items: center;justify-content: center;width: 100%;padding: 5px 0px;background-color: #FFF;margin-top: 6px;}
.ui-order-brand-title .sub img {margin-right: 50px}
.ui-order-brand-title .sub a {margin-left: 50px;color: #1F37EC;font-weight: bold}

.ui-order-brand-title-cart {margin-top: 40px;margin-bottom: 0px;margin-bottom: -20px}