﻿a:link { color: #000; }
.noheader { padding-top: 0; }
.noheader .memberbody { margin-top: 0; }

.noheader .header { display: none; }
a { color: #000; }
.member .header-scrolltop { box-shadow: none; }
.member .header-scrolltop .header-inner { padding: 0 2%; box-sizing: border-box; }
.member .header-scrolltop .header-inner .header-right .mm .mm-item a { color: #4D4F5C; }
.member .header-scrolltop .header-inner .header-right .mm .mm-item a sup { color: #fff; }
.member .header-scrolltop .header-inner .header-right .locale a { color: #4D4F5C; }
.member .header-scrolltop .header-inner .header-right .memberLoginBtn { border: 1px solid #C1A325; color: #C1A325; }
.member .header-scrolltop .header-inner .header-right .memberLoginBtn:hover { border: 1px solid #C1A325; color: #fff; background: #C1A325; }
.member .header-scrolltop .header-inner .header-right .registerBtn { border: 1px solid #4D4F5C; color: #4D4F5C; background: none; }
.member .header-scrolltop .header-inner .header-right .registerBtn:after { background-image: url(/img/system/www/p/btn_long_w.svg); }
.member .header-scrolltop .header-inner .header-right .registerBtn:hover { border: 1px solid #C1A325; color: #4D4F5C; background: #C1A325; }

.member .header-scrolltop, .login .header-scrolltop { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }

.header-scrolltop .header-inner .header-right .mm .mm-item a { color: #4D4F5C; }

.header-scrolltop .header-inner .header-right .memberLoginBtn { border: 1px solid #C1A325; color: #C1A325; }
.tsxx { margin-bottom: 10px; }
.emailtitle { font-size: 30px; text-align: center; margin-top: 50px; font-weight: bold; }
.conbox_left { width: 100%;  }

.loginForm { width: 100%; margin: 0 auto; }
/*.loginForm .pic { width: 100%; text-align: left; margin-top: 2em; margin-bottom: 2em; }
.loginForm .pic img { width: 25%; }*/
.loginForm .formTitle { font-size: 1.5em; font-weight: bold; line-height: 2em; color: #231F20; text-align: center; margin-top: 1em; }

.loginForm .formTip { width: 100%; margin-top: 0px; margin-bottom: 0px; /* max-width: 1084px; */ font-size: 1.2em; font-weight: 680; /* font-weight: 400; */ line-height: 1.2em; color: #444549; text-align: center; box-sizing: border-box; }
.loginForm .formTit { width: 100%; overflow: hidden; margin-top: 1em; margin-bottom: 1em; /* max-width: 1084px; */ font-size: 1.5em; font-weight: 580; /* line-height: 2em; */ color: #444549; text-align: center; box-sizing: border-box; }

/*.loginForm .formTip { margin-top: 40px; height: 50px; font-size: 40px; font-weight: 580; }
*/
.conbox .formTipp { width: 100%; margin-top: 1em; /* margin-bottom: 2em; */ /* max-width: 1084px; */ font-size: 1.5em; font-weight: 600; line-height: 2em; color: black; text-align: center; box-sizing: border-box; }
.loginForm .formInner { position: relative; width: 100%; padding: 0 0px; margin: 0 auto; box-sizing: border-box; margin-bottom: 1em; }

/*.formTable1 { width: 100%; text-align: left; }*/
.formTable1 { width: 100%; }
.formItem .formItem_yzm { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.formItem input { width: 670px; height: 58px; margin: 10px auto; padding: 15px; font-size: 18px; font-weight: 500; background-color: #ffffff; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }
.formTable2 { float: left; width: 401px; margin-left: 65px; text-align: left; }
.formItem .Q_Nphone { display: flex }
.formItem .label { width: 100%; margin-bottom: 0px; font-size: 1.3em; font-weight: 600; /* margin-left: 140px; */ margin-top: 0.5em; color: black; text-align: left; }

.qformItem input { width: 670px; height: 58px; margin: 10px auto; padding: 15px; font-size: 18px; font-weight: 500; background-color: #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }
/*.formItem label { font-size: 18px; color: #4f4f4f; font-weight: bold; margin-right: 30px; }*/
.formItem label { font-size: 20px; font-weight: 500; color: #4f4f4f; margin-right: 30px; }

.formItem .account { color: #C1A325; font-size: 24px; font-weight: bold; }
.formItem .in_put { width: 100%; height: 58px; text-align: left; /* margin: 10px auto; */ padding: 15px; font-size: 18px; font-weight: 500; background-color: #ffffff; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }
.formItem input { width: 670px; height: 58px; margin: 10px auto; padding: 15px; font-size: 18px; font-weight: 500; background-color: #ffffff; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }

.formItem input.tel { }
.formItem input.type { width: 20px; height: 20px; -webkit-appearance: none; position: relative; margin: 0 5px 0 0; padding: 0; border: none; vertical-align: middle; overflow: hidden; border-radius: 50%; outline: none; }
.formItem input.type:checked:before { border: 2px solid #fff; background-color: #242b5c; }
.formItem input.type:before { content: ''; width: 20px; height: 20px; margin-right: 5px; border: 1px solid #cfd4d8; background-color: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; margin-top: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition-property: border,background-color; -o-transition-property: border,background-color; -webkit-transition-property: border,background-color; transition-property: border,background-color; -moz-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition-duration: .2s; transition-duration: .2s; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.yzm_input { text-align: left; width: 50%; }
select:not(:-internal-list-box) { overflow: visible !important; }

select { -webkit-writing-mode: horizontal-tb !important; text-rendering: auto; color: -internal-light-dark(black, white); letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; appearance: menulist; box-sizing: border-box; align-items: center; white-space: pre; -webkit-rtl-ordering: logical; background-color: -internal-light-dark(white, #3b3b3b); cursor: default; margin: 0em; font: 400 13.3333px Arial; border-radius: 0px; border-width: 1px; border-style: solid; border-color: -internal-light-dark(#767676, #858585); border-image: initial; }

.formItem select { width: 100%; height: 58px; padding: 0 5px; font-size: 14px; border: 1px solid #d8d8d8; margin-right: 5px; }

.formItem textarea { width: 379px; height: 113px; padding: 5px 10px; margin: 0; font-size: 14px; border: 1px solid #d8d8d8; resize: none; }

/*.Q_phone { display: flex; justify-content: space-between; margin-top: 10px; }
.Q_phone a { width: 300px; height: 58px; text-align: center;*/ /*position: absolute; top: 42px;*/ /*}*/
.formItem_yzm .getcode { width: 40%; height: 58px; font-size: 18px; line-height: 58px; text-align: center; border-radius: 0.4em; color: #fff; background-color: #5bf1c3; }
.formItem_yzm .getcode a { color: #fff; font-size: 1em; }
.formItem_yzm .getcode a:hover { color: #fff;  }

.formItem { display: -webkit-flex; display: -moz-flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; width: 100%; /* position: relative; */ }
/*.formItem .eye { position: absolute; bottom: 10px; right: 50px; width: 58px; height: 58px; text-align: center; line-height: 58px; color: #999999; font-size: 24px; cursor: pointer; }*/
.formItem .eye:before { content: "\f070"; font-family: "FontAwesome"; }
.formItem .eye.eye-slash:before { content: "\f06e"; }
.formItem .remember { display: block; margin-right: 10px; width: 22px; height: 22px; text-align: center; line-height: 15px; background-color: #fff; border: 1px solid #e1e1e1; cursor: pointer; }
.formItem .remember-label { font-size: 18px; color: #333; font-weight: bold; cursor: pointer; }
.formItem .remember-selected { background-color: #242b5c; }
.formItem .remember-selected:before { display: block; content: "\f00c"; color: #fff; font-size: 20px; font-family: "FontAwesome"; line-height: 22px; }
.formItem .forgot { font-size: 14px; color: #004abd; font-weight: bold; cursor: pointer; display: block; }

.formItem.email { margin-bottom: 0px; }

.formItem .code { float: left; width: 232px !important; margin-bottom: 0px; }
.code { margin: 4px 0px; }
.refreshCaptcha img { margin-left: 20px; }

.loginForm .formInner .loading { position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 21px; font-size: 14px; line-height: 22px; color: #fff; text-align: center; }

.loginForm .formTable { margin-top: 10px; }

.loginForm .formTable .formItem { width: 483px; float: left; margin-right: 20px; margin-bottom: 20px; }

.loginForm .formTable .lastFormItem { margin-right: 0; }

.loginForm .formTable .formItem .label { width: 100%; height: 25px; font-size: 16px; font-weight: 500; color: #4f4f4f; text-align: left; }

.loginForm .formTable .formItem input { width: 481px; height: 39px; font-size: 14px; line-height: 39px; color: #000; text-align: left; background-color: #fff; border: 1px solid #D8D8D8; }

.loginForm .formTable .formItem textarea { width: 984px; height: 214px; font-size: 14px; font-family: MyriadPro-Light, Arial, Helvetica, sans-serif; line-height: 21px; color: #000; text-align: left; background-color: #fff; border: 1px solid #D8D8D8; }

.loginForm .formTable .formItem .refreshCaptcha { display: block; width: 120px; height: 41px; }

.loginForm .formTable .formItem .formBtn { position: relative; z-index: 1; display: block; float: right; width: 160px; height: 43px; margin-left: 14px; font-size: 15px; line-height: 43px; color: #fff; text-align: center; background-color: #000; -moz-transition: background-color 0.3s, color 0.3s; -webkit-transition: background-color 0.3s, color 0.3s; -ms-transition: background-color 0.3s, color 0.3s; -o-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; position: relative; }

.loginForm .formTable .formItem .formBtn:hover { color: #000; background-color: #fff; }

.loginForm .formTable .formItem .formBtn::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border: 1px solid #000; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; -moz-transform: scale3d(0.6, 0.6, 1); -webkit-transform: scale3d(0.6, 0.6, 1); -ms-transform: scale3d(0.6, 0.6, 1); -o-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -ms-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.loginForm .formTable .formItem .formBtn:hover::before { -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); }

.loginForm .successBox { width: 944px; padding: 20px; margin-top: 10px; font-size: 14px; line-height: 21px; color: #000; text-align: left; background-color: #fff; border: 1px solid #000; }

.loginForm .errorBox { width: 944px; padding: 20px; margin-top: 10px; font-size: 18px; line-height: 24px; color: #000; text-align: left; background-color: #fff; border: 1px solid #000; }

.formBtn { width: 630px; height: 58px; background-color: #092c4c; margin: 20px auto; padding: 0px 20px; line-height: 58px; text-align: center; font-size: 18px; font-weight: 400; color: white; border-radius: 5px; }
.formBtn a { font-size: 18px; font-weight: 400; color: white; line-height: 58px; text-align: center; }
/*.formBtn:hover { background-color: #C1A325; color: #fff; }*/
.formBtn.submitBtn .loading { display: none; color: #fff; }
.formClr_password { margin-bottom: 0px; }
.formClr_repassword { margin-bottom: 0px; }
.or-mbx { position: relative; height: 60px; width: 100%; text-align: center; }
.or-mbx .line:before { content: ''; position: absolute; top: 29px; left: 0; height: 1px; width: 42%; background: #a0a0a0; }
.or-mbx .line:after { content: ''; position: absolute; top: 29px; right: 0; height: 1px; width: 42%; background: #a0a0a0; }
.or-mbx .content { font-size: 17px; color: #333333; line-height: 60px; display: inline-block; position: relative; }

.other-login { width: 100%; display: block; text-align: center; }

/*.other-login .facebook {*/ /*width: 160px;*/ /*width: 100%; height: 45px; box-sizing: border-box; border: 3px solid #C1A325; display: block; background-image: url(/img/system/www/fb_login.svg); background-size: 20px 20px;*/ /*background-position: left 10px center;*/ /*background-position: left 250px center; background-repeat: no-repeat; font-size: 18px; font-weight: bold; color: #333333; text-decoration: none;*/ /*padding-left: 37px;*/ /*padding-left: 275px; line-height: 40px; }

.other-login .google { width: 100%; height: 45px; box-sizing: border-box; border: 3px solid #C1A325; display: block; background-image: url(/img/system/www/google_login.svg); background-size: 20px 20px; background-position: left 260px center; background-repeat: no-repeat; font-size: 18px; text-decoration: none; padding-left: 285px; line-height: 40px; color: #333333; font-weight: bold; margin-top: 30px; }*/
.other-login a { color: black; font-size: 18px; font-weight: 500; }
.other-login a:nth-child(2) { color: #5cf4d3; font-size: 18px; font-weight: 500; }

.qformItem { margin: 10px auto; }
.qformItem .label { margin-bottom: 7px; font-size: 20px; font-weight: 600; margin-top: 0px; color: black; width: 100%; }
.qformItem input { margin: 10px 0; width: 300px; height: 58px; text-align: left; padding: 15px; font-size: 18px; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }
/*.qformItem .getcode1 {  height: 58px; margin: 10px auto; padding: 15px; font-size: 18px; font-weight: 600; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }*/
.qformItem .getcode1 { width: 300px; height: 58px; font-size: 18px; line-height: 58px; text-align: center; background-color: #5bf1c3; }
.qformItem .getcode1 a { color: white; font-size: 18px; line-height: 58px; text-align: center; }
.qformItem .getcode2 a:hover { color: #fff; }
.qformItem .qqq { display: flex; flex-direction: row; justify-content: space-between; }
.qformItem .qqqq { width: 300px; height: 58px; background-color: #5bf1c3; text-align: center; line-height: 58px; border-radius: 5px; margin-top: 9px; font-size: 18px; line-height: 58px; text-align: center; }
.qformItem .qqqq a { color: #fff; }
.Q_yzm input { width: 670px; height: 58px; padding: 15px; margin: 10px auto; margin-left: 140px; }

.Q_bom { margin: 180px auto; text-align: center; }
.Q_bom p:nth-child(1) { font-size: 16px; color: #c3c3c3 }
.Q_bom p:nth-child(2) { font-size: 16px; color: #c3c3c3 }
.Q_bom a { font-size: 16px; color: #c3c3c3 }
.Q_bom p { font-size: 16px; color: #c3c3c3 }


.Q_bomm { margin: 80px auto; text-align: center; }
.Q_bomm p:nth-child(1) { font-size: 16px; color: #c3c3c3 }
.Q_bomm p:nth-child(2) { font-size: 16px; color: #c3c3c3 }
.Q_bomm a { font-size: 16px; color: #c3c3c3 }
.Q_bomm p { font-size: 16px; color: #c3c3c3 }

.Q_bom { margin: 2em auto; text-align: center; }
.Q_bom p:nth-child(1) { font-size: 16px; color: #c3c3c3 }
.Q_bom p:nth-child(2) { font-size: 16px; color: #c3c3c3 }
.Q_bom a { font-size: 16px; color: #c3c3c3 }
.Q_bom p { font-size: 16px; color: #c3c3c3 }

.form_password {  }
.form_password input { width: 300px; height: 58px; text-align: left; margin-right: 40px; margin: 5px auto; padding: 15px; font-size: 18px; font-weight: 500; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }
.form_password .label { margin-bottom: 0.3em; font-size: 1.4em; font-weight: 600; margin-top: 0px; color: black; width: 100%; text-align: left; }

.form_password .label input { width: 300px; margin-left: 300px; }
/*.form_password input:nth-child(1){margin-left:2000px;}*/ .create { color: #004abd; }
/*.create:hover { background-color: #C1A325; color: #fff; }*/

.formItem input.smscode { flex: 1; }
.Q_formItem { }
.Q_formItem .label { width: 100%; margin-bottom: 0px; font-size: 20px; font-weight: 600; /* margin-left: 140px; */ margin-top: 4px; color: black; }
.Q_formItem input { width: 300px; height: 58px; text-align: left; padding: 15px; font-size: 18px; font-weight: 500; border: 1px solid #d8d8d8; box-sizing: border-box; outline: none; border-radius: 5px; }
/*getcode*/
/*.getcode:hover { background-color: #C1A325; color: #fff; }*/

.Q_sdfd { display: flex; width: 100%; }

.formNoError { color: #CF4D4D; font-weight: bold; font-size: 1.2em; }

.register_wait { width: 630px; margin: 120px auto; }
.register_wait .title { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #333; }
.register_wait .descr { font-size: 18px; text-align: center; color: #333; }
.register_wait a { width: 150px; height: 45px; font-size: 18px; line-height: 45px; text-align: center; color: #fff; background-color: #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: 30px auto 0; }
.register_wait a:hover { background-color: #C1A325; color: #fff; }

.formItem .login { color: #004abd; }
.dlreg { text-align: center; font-size:1.1em; }
.dlreg a { color: #5cf4d3; font-size: 1.1em; }
/*.fIregem{margin-bottom:0px;}*/
.memberbody { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin-top: 30px; }
.memberbody .leftmenu { padding: 60px 45px 30px 45px; box-sizing: border-box; -webkit-box-shadow: 0px 0 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0px 0 5px 0 rgba(0, 0, 0, 0.3); position: relative; min-height: 1060px; }
.memberbody .leftmenu .closemenu { position: absolute; right: 0px; top: 0px; width: 20px; height: 60px; background-color: #f3f7fb; text-align: center; cursor: pointer; }
.memberbody .leftmenu .closemenu:before { content: "\f104"; font-size: 30px; line-height: 60px; color: #333; font-family: 'FontAwesome'; }
.memberbody .leftmenu.closed .inner { width: 24px; }
.memberbody .leftmenu.closed .inner .closemenu:before { content: "\f105"; font-size: 30px; line-height: 60px; color: #333; font-family: 'FontAwesome'; }
.memberbody .leftmenu.closed .inner .list .item.dashboard { margin-bottom: 17px; }
.memberbody .leftmenu.closed .inner .list .item span:nth-child(2) { display: none; }
.memberbody .leftmenu.closed .inner .list .item .nextinner { padding-left: 0; }
.memberbody .leftmenu.closed .inner .list .item .nextinner .it { line-height: 40px; margin-bottom: 10px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .leftmenu.closed .inner .list .item .nextinner .it:last-child { margin-bottom: 0; }

.memberbody .leftmenu .inner { height: 100%; width: 235px; }
.memberbody .leftmenu .inner .list { position: relative; height: 100%; width: 235px; }
.memberbody .leftmenu .inner .list .item { line-height: 55px; }
.memberbody .leftmenu .inner .list .item span { font-size: 18px; color: #231F20; }
.memberbody .leftmenu .inner .list .item span.icon { margin-right: 15px; width: 20px; height: 20px; display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; }
.memberbody .leftmenu .inner .list .item.active span, .memberbody .leftmenu .inner .list .item:hover span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.active .ititle:after, .memberbody .leftmenu .inner .list .item:hover .ititle:after { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.active .nextinner, .memberbody .leftmenu .inner .list .item:hover .nextinner { position: relative; }
.memberbody .leftmenu .inner .list .item.active .ititle:after { content: "\f106"; color: #c1a325; }
.memberbody .leftmenu .inner .list .item.active .nextinner { position: relative; display: block; }
.memberbody .leftmenu .inner .list .item.dashboard, .memberbody .leftmenu .inner .list .item.last { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .leftmenu .inner .list .item .ititle { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .leftmenu .inner .list .item .ititle:after { content: "\f107"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .leftmenu .inner .list .item.dashboard span.icon { background-image: url(/img/system/www/p/member/menu1.svg); }
.memberbody .leftmenu .inner .list .item.dashboard.active span.icon, .memberbody .leftmenu .inner .list .item.dashboard:hover span.icon { background-image: url(/img/system/www/p/member/menu1_mo.svg); }
.memberbody .leftmenu .inner .list .item.trendx span.icon { background-image: url(/img/system/www/p/member/stock.svg); }
.memberbody .leftmenu .inner .list .item.trendx.active span.icon, .memberbody .leftmenu .inner .list .item.trendx:hover span.icon { background-image: url(/img/system/www/p/member/stock_mo.svg); }
.memberbody .leftmenu .inner .list .item.trendx.no .nextinner .it span { color: #D1D1D1; }
.memberbody .leftmenu .inner .list .item.trendx.no .nextinner .it.help span, .memberbody .leftmenu .inner .list .item.trendx.no .nextinner .it.faq span { color: #231F20; }
.memberbody .leftmenu .inner .list .item.trendx.no .nextinner .it.active span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.trendx.no .nextinner .it.active span, .memberbody .leftmenu .inner .list .item.trendx.no .nextinner .it:hover span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.optionx span.icon { background-image: url(/img/system/www/p/member/menu5.svg); }
.memberbody .leftmenu .inner .list .item.optionx.active span.icon, .memberbody .leftmenu .inner .list .item.optionx:hover span.icon { background-image: url(/img/system/www/p/member/menu5_mo.svg); }
.memberbody .leftmenu .inner .list .item.optionx.no .nextinner .it span { color: #D1D1D1; }
.memberbody .leftmenu .inner .list .item.optionx.no .nextinner .it.help span, .memberbody .leftmenu .inner .list .item.optionx.no .nextinner .it.faq span { color: #231F20; }
.memberbody .leftmenu .inner .list .item.optionx.no .nextinner .it.active span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.optionx.no .nextinner .it.active span, .memberbody .leftmenu .inner .list .item.optionx.no .nextinner .it:hover span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.plan { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .leftmenu .inner .list .item.plan span.icon { background-image: url(/img/system/www/p/member/menu8.svg); }
.memberbody .leftmenu .inner .list .item.plan.active span.icon, .memberbody .leftmenu .inner .list .item.plan:hover span.icon { background-image: url(/img/system/www/p/member/menu8_mo.svg); }
.memberbody .leftmenu .inner .list .item.plan.no span { color: #D1D1D1; }
.memberbody .leftmenu .inner .list .item.plan.no.active span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item.plan.no.active span, .memberbody .leftmenu .inner .list .item.plan.no:hover span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item .nextinner { padding-left: 34px; line-height: 32px; display: none; }
.memberbody .leftmenu .inner .list .item .nextinner .it { display: block; line-height: 40px; }
.memberbody .leftmenu .inner .list .item .nextinner .it span { font-size: 18px; color: #231F20; }
.memberbody .leftmenu .inner .list .item .nextinner .it.active span, .memberbody .leftmenu .inner .list .item .nextinner .it:hover span { color: #c1a325; }
.memberbody .leftmenu .inner .list .item .nextinner .it .icon { margin-right: 15px; width: 20px; height: 20px; display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; }
.memberbody .leftmenu .inner .list .item .nextinner .it.category span.icon { background-image: url(/img/system/www/p/member/newspaper.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.category.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.category:hover span.icon { background-image: url(/img/system/www/p/member/newspaper_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.history span.icon { background-image: url(/img/system/www/p/member/history.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.history.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.history:hover span.icon { background-image: url(/img/system/www/p/member/history_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.watchlist span.icon { background-image: url(/img/system/www/p/member/menu2.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.watchlist.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.watchlist:hover span.icon { background-image: url(/img/system/www/p/member/menu2_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.portfolio span.icon { background-image: url(/img/system/www/p/member/menu3.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.portfolio.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.portfolio:hover span.icon { background-image: url(/img/system/www/p/member/menu3_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.daily span.icon { background-image: url(/img/system/www/p/member/menu4.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.daily.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.daily:hover span.icon { background-image: url(/img/system/www/p/member/menu4_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.center span.icon { background-image: url(/img/system/www/p/member/horse.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.center.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.center:hover span.icon { background-image: url(/img/system/www/p/member/horse_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.distribution span.icon { background-image: url(/img/system/www/p/member/menu4.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.distribution.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.distribution:hover span.icon { background-image: url(/img/system/www/p/member/menu4_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.mydistribution span.icon { background-image: url(/img/system/www/p/member/menu3.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.mydistribution.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.mydistribution:hover span.icon { background-image: url(/img/system/www/p/member/menu3_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.portfolio2 span.icon { background-image: url(/img/system/www/p/member/images.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.portfolio2.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.portfolio2:hover span.icon { background-image: url(/img/system/www/p/member/images_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.news span.icon { background-image: url(/img/system/www/p/member/newspaper.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.news.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.news:hover span.icon { background-image: url(/img/system/www/p/member/newspaper_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.help span.icon { background-image: url(/img/system/www/p/member/menu7.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.help.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.help:hover span.icon { background-image: url(/img/system/www/p/member/menu7_mo.svg); }
.memberbody .leftmenu .inner .list .item .nextinner .it.faq span.icon { background-image: url(/img/system/www/p/member/dash1.png); }
.memberbody .leftmenu .inner .list .item .nextinner .it.faq.active span.icon, .memberbody .leftmenu .inner .list .item .nextinner .it.faq:hover span.icon { background-image: url(/img/system/www/p/member/dash1_mo.png); }
.memberbody .leftmenu .inner .list .item.last { position: absolute; bottom: 0; }
.memberbody .leftmenu .inner .list .item.last span.icon { background-image: url(/img/system/www/p/member/menu10.svg); }
.memberbody .leftmenu .inner .list .item.last.active span.icon, .memberbody .leftmenu .inner .list .item.last:hover span.icon { background-image: url(/img/system/www/p/member/menu10_mo.svg); }
.memberbody .rightcontent { flex: 1; padding: 0px 40px; background: #F8FBFF; }
.memberbody .rightcontent .olist { background: #fff; }
.memberbody .rightcontent.portfolioBg { background: #F8FBFF; }
.memberbody .rightcontent.portfolioBg .mbx .backprotfolio { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 17px; font-weight: 400; line-height: 20px; color: #B99922; float: right; }
.memberbody .rightcontent.portfolioBg .mbx .backprotfolio:before { content: "\f060"; font-size: 18px; color: #B99922; font-family: 'FontAwesome'; margin-right: 5px; }
.memberbody .rightcontent .mbx { font-size: 15px; padding-top: 30px; line-height: 20px; }
.memberbody .rightcontent .mbx span.tip { padding: 0 10px; }
.memberbody .rightcontent .mbx span.tip:before { content: "\f105"; font-size: 18px; color: #333; font-family: 'FontAwesome'; }
.memberbody .rightcontent .mbx .right { float: right; color: #707070; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; cursor: pointer; display: none; }
.memberbody .rightcontent .mbx .right .checkicon { width: 14px; height: 14px; display: inline-block; background-image: url(/img/system/www/p/member/filter-icon.svg); background-size: contain; background-repeat: no-repeat; margin-left: 5px; }
.memberbody .rightcontent .mbx .mobileorder { display: none !important; }
.memberbody .rightcontent .mbx .mobileorderBg { display: none; }
.memberbody .rightcontent .conetnt { font-size: 14px; margin-top: 20px; margin-bottom: 50px; }
.memberbody .rightcontent .conetnt .noplan { width: 100%; margin: auto; border: 4px dashed #aaaaaa; }
.memberbody .rightcontent .conetnt .noplan .inner { padding: 100px; text-align: center; }
.memberbody .rightcontent .conetnt .noplan .inner .icon { width: 200px; margin: auto auto 100px auto; }
.memberbody .rightcontent .conetnt .noplan .inner .icon img { width: 200px; }
.memberbody .rightcontent .conetnt .noplan .inner .title { font-size: 32px; margin-bottom: 30px; font-weight: bold; }
.memberbody .rightcontent .conetnt .noplan .inner .content { font-size: 32px; line-height: 46px; }
.memberbody .rightcontent .conetnt .noplan .inner a.btn { margin: 70px auto 0; background: #e2bc00; color: #fff; width: 248px; height: 64px; display: block; border-radius: 64px; font-size: 32px; text-align: center; line-height: 64px; }
.memberbody .rightcontent .conetnt.portfolio { background: #FFFFFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 10px; margin-top: 40px; padding: 25px; box-sizing: border-box; }
.memberbody .rightcontent .conetnt .portfolioTop { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; margin-bottom: 15px; }
.memberbody .rightcontent .conetnt .portfolioTop label { font-size: 24px; font-weight: bold; line-height: 32px; color: #231F20; flex: 1; }
.memberbody .rightcontent .conetnt .portfolioList { margin-bottom: 40px; }
.memberbody .rightcontent .conetnt.faq .imgList { width: 100%; margin: 80px auto 0; list-style: none; }
.memberbody .rightcontent .conetnt.faq .imgList li { margin-bottom: 23px; }
.memberbody .rightcontent .conetnt.faq .imgList li .txt { font-size: 32px; line-height: 45px; padding: 25px 54px; font-weight: bold; color: #4D4F5C; flex: 1; }
.memberbody .rightcontent .conetnt.faq .imgList li .close { background-image: url(/img/system/www/p/index/faq3.svg); background-repeat: no-repeat; background-size: contain; background-position: center; width: 24px; height: 24px; display: block; margin-right: 50px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.memberbody .rightcontent .conetnt.faq .imgList li div.h { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; cursor: pointer; border: 2px solid #C1A325; }
.memberbody .rightcontent .conetnt.faq .imgList li div.h.ui-state-active { background-color: #C1A325; background-image: url(/img/system/www/p/index/faq_bg.svg); background-repeat: no-repeat; background-position: right center; }
.memberbody .rightcontent .conetnt.faq .imgList li div.h.ui-state-active .close { background-image: url(/img/system/www/p/index/faq2.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }
.memberbody .rightcontent .conetnt.faq .imgList li div.h.ui-state-active .txt { color: #fff; }
.memberbody .rightcontent .conetnt.faq .imgList li .imgDescr { background: #FFFFFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font-size: 32px; font-weight: 400; line-height: 48px; color: #4D4F5C; padding: 54px; }
.memberbody .rightcontent .conetnt.help .helpTitle { font-size: 20px; font-weight: bold; margin-top: 50px; margin-bottom: 5px; }
.memberbody .rightcontent .conetnt.help .video { width: 750px; height: 420px; }
.memberbody .rightcontent .conetnt.help .video iframe { width: 100%; height: 100%; }
.memberbody .rightcontent .conetnt.dashboard { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.memberbody .rightcontent .conetnt.dashboard .leftPart { flex: 1; margin-right: 27px; margin-bottom: 30px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .greetings { font-size: 20px; font-weight: 400; line-height: 24px; color: #79869F; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .greetings span { height: 52px; font-size: 45px; font-weight: bold; line-height: 65px; color: #231F20; margin-right: 16px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv { background: #FFFFFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 10px; padding: 25px; margin-top: 30px; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .title { font-size: 24px; font-weight: bold; color: #231F20; border-bottom: 1px solid #CFD7E2; padding-bottom: 10px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .title a { height: 21px; font-size: 16px; font-weight: 400; line-height: 21px; color: #231F20; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .title a:after { content: "\f105"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.cat .catlist { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.cat .catlist .item { height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #C1A325; border: 1px solid #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: 20px 20px 0 0; border-radius: 35px; padding: 0 20px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.cat .catlist .item:hover { background-color: #C1A325; color: #fff; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle { font-size: 24px; font-weight: bold; color: #231F20; border-bottom: 1px solid #CFD7E2; padding-bottom: 10px; line-height: 30px; font-weight: 500; color: #D1D1D1; display: block; border-bottom: 4px solid #CFD7E2; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle .sel { display: none !important; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle a.more { height: 21px; font-size: 16px; font-weight: 400; line-height: 21px; color: #231F20; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; float: right; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle a.more:after { content: "\f105"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle .item { display: inline-block; cursor: pointer; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle .item.current { color: #231F20; font-weight: bold; position: relative; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle .item.current:before { content: ''; position: absolute; bottom: -14px; left: 0; width: 100%; background: #c1a325; height: 6px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .ititle .item:nth-child(2) { margin-left: 23px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos table tr td .title { border-bottom: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .watchlist table tr td .number { width: auto; min-width: 220px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .watchlist table tr td .number.up { color: #3CC480; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .watchlist table tr td .number.up span:first-child { background-image: url(/img/system/www/p/index/up.svg); }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .history table tr td .number { width: auto; min-width: 220px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .history table tr td .number.up { color: #3CC480; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .history table tr td .number.up span:first-child { background-image: url(/img/system/www/p/index/up.svg); }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .history { display: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .history .mobile { display: none !important; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv.hos .watchlist .mobile { display: none !important; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio .portfolioList { display: block; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio .portfolioMobileList { display: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item { width: 100%; text-align: center; border-bottom: 0px #859ebd solid; line-height: 21px; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; color: #4D4F5C; padding: 20px 0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item:first-child { padding-top: 0px; padding-bottom: 0px; padding: 10px 0; font-size: 14px; background: #F8FBFF; border: 1px solid #E0E0E0; text-transform: uppercase; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt-t0 { width: 6%; line-height: 21px; text-align: center; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #fff; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt-t1 { width: 20%; line-height: 21px; text-align: left; margin: 0 1px 0 24px; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt-t2 { width: 24%; line-height: 21px; text-align: center; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt-t3 { width: 24%; line-height: 21px; text-align: center; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: 800; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt-t4 { flex: 1; line-height: 21px; text-align: left; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item.item:nth-child(2n) { background-color: #FFF; overflow: hidden; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item.item:nth-child(2n-1) { overflow: hidden; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt0 { width: 11%; font-weight: bold; text-align: left; font-weight: 400; font-size: 16px; color: #B99922; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; cursor: pointer; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt0:after { content: "\f105"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt0.on:after { content: "\f107"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt0 .img { width: 35px; height: 35px; border-radius: 35px; margin: auto; background-color: #b9b9b9; background-image: url(/img/system/www/p/member/search.svg); background-position: center; background-size: 20px 20px; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt0 .img:hover { background-color: #C1A325; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt1 { width: 20%; font-weight: bold; color: #231F20; text-align: left; padding-left: 24px; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt2 { width: 24%; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt3 { width: 24%; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt4 { flex: 1; font-weight: bold; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt4 div { font-weight: bold; margin-right: 20px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt4 div.pnl_2_1 { font-weight: normal; margin-right: 0; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see { width: 100%; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: flex; background-color: #F7FBFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see.close { height: 0; opacity: 0; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc1 { width: 6%; color: #375f90; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 { flex: 1; padding: 25px; box-sizing: border-box; border: 1px solid #B9DBFF; margin-top: 15px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 table { border: none; width: 100%; margin-top: 10px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 table tr { background: none; border: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 table tr th { font-size: 16px; font-weight: 500; color: #707070; text-align: left; padding: 8px 0; background: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 table tr td { color: #231F20; font-size: 18px; text-align: left; font-weight: 500; background: none; padding: 10px 0; padding-left: 0; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts { font-size: 24px; color: #231F20; font-weight: bold; text-align: left; padding-bottom: 20px; border-bottom: 1px dashed #B0B0B0; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts .remove { float: right; font-size: 14px; color: #fff; background-color: #d2001e; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; text-align: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts .view { float: right; font-size: 14px; color: #fff; background-color: #007ece; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts .add-stock { float: right; font-size: 14px; color: #fff; background-color: #029647; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts .remove-stock { float: right; font-size: 14px; color: #fff; background-color: #2f7c96; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; text-align: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts .buy-stock { float: right; font-size: 14px; color: #fff; background-color: #579f47; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 .tts .sell-stock { float: right; font-size: 14px; color: #fff; background-color: #d2001e; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 ul { display: -webkit-flex; display: -moz-flex; display: flex; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 ul li { list-style-type: none; color: #333; font-size: 14px; text-align: left; line-height: 30px; width: 150px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 ul li:nth-child(2), .memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .dashPortfolio ul li.item .gt_see .bc2 ul li:nth-child(4) { flex: 1; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .addPortfolio { width: 200px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #C1A325; border: 1px solid #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: 30px auto 0 auto; border-radius: 35px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashDiv .addPortfolio:hover { background-color: #C1A325; color: #fff; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch { margin-top: 36px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch label { font-size: 32px; font-weight: 400; line-height: 38px; color: #231F20; padding-bottom: 8px; display: block; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody { width: 100%; position: relative; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchname { height: 50px; width: 100%; background: #FFFFFF; border: 3px solid #D3DEF5; opacity: 1; border-radius: 4px; padding: 0 24px; font-size: 18px; color: #000; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchBtn { background-image: url(/img/system/www/p/search2.svg); background-repeat: no-repeat; background-size: cover; width: 25px; height: 25px; display: block; position: absolute; right: 19px; top: 12px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist { position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #d8d8d8; box-sizing: border-box; display: none; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a { border-bottom: 1px solid #d8d8d8; font-size: 18px; width: 100%; display: block; line-height: 40px; padding: 0 20px; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a.item-active { background-color: #d1f6f8; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .l { line-height: 24px; font-size: 18px; padding: 10px 0; font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .l span:first-child { font-weight: bold; color: #000; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .l span:first-child b { color: #C1A325; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .l span:nth-child(3) { font-weight: bold; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .l span:last-child { color: #999; padding-left: 15px; font-weight: normal; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r { line-height: 24px; font-size: 18px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number { font-size: 18px; font-family: 'OpenSans'; font-weight: bold; line-height: 24px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number span { margin-left: 10px; font-size: 18px; font-family: 'OpenSans'; font-weight: bold; line-height: 24px; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number span:first-child { margin-left: 0rem; width: 18px; height: 18px; background-repeat: no-repeat; background-size: cover; display: block; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number.up { color: #3CC480; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number.up span:first-child { background-image: url(/img/system/www/p/index/up.svg); }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number.down { color: #F93131; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist a .r .number.down span:first-child { background-image: url(/img/system/www/p/index/down.svg); }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist .tip { border-bottom: 1px solid #d8d8d8; font-size: 14px; width: 100%; display: block; line-height: 40px; padding: 0 20px; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist .tip span:nth-child(2) { float: right; }
.memberbody .rightcontent .conetnt.dashboard .leftPart .dashSearch .dashSearchBody .dashSearchlist .list { height: 415px; overflow: auto; }
.memberbody .rightcontent .conetnt.dashboard .rightPart { width: 476px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv { background: #FFFFFF; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 10px; padding: 20px 0; margin-bottom: 20px; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .title { line-height: 32px; font-size: 24px; font-weight: bold; color: #231F20; border-bottom: 1px solid #ECECEC; margin-bottom: 22px; padding: 0 24px 18px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList { padding: 0 24px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item { border-top: 1px solid #ECECEC; padding-bottom: 24px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child { border: 1px solid #CACED5; margin-bottom: 24px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent { width: 100%; flex: auto; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .img { width: 100%; height: 200px; margin: 20px auto 0; display: block; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .img img { max-width: 200px; max-height: 200px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .title { font-size: 29px; font-weight: bold; line-height: 38px; padding: 24px 24px 0 24px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent { padding-top: 0; padding-left: 0; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent .price { height: 35px; font-size: 26px; font-weight: bold; line-height: 35px; padding: 0 24px; width: 100%; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent .container { margin-right: 25px; width: 138px; height: 59px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent .number { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; width: 100%; margin: 10px 24px 0; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent .number span { font-size: 18px; font-weight: bold; font-weight: bold; margin-right: 10px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item:first-child .itemcontent .number span:first-child { margin-left: 0rem; width: 18px; height: 18px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .img { display: block; position: relative; overflow: hidden; width: 73px; height: 73px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 73px; max-height: 73px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .title { font-weight: bold; color: #231F20; margin-bottom: 6px; padding: 0; display: block; border: none; width: 100%; line-height: 24px; font-size: 18px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; flex: 1; padding-top: 24px; padding-left: 19px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .price { height: 22px; font-size: 18px; font-weight: bold; line-height: 22px; color: #4D4F5C; padding: 0; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin: 4px 0 0; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number span { font-size: 14px; font-weight: bold; font-weight: bold; margin-right: 10px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number span:first-child { margin-left: 0rem; width: 14px; height: 14px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number.up { color: #3CC480; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number.up span:first-child { background-image: url(/img/system/www/p/index/up.svg); }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number.down { color: #F93131; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .itemcontent .number.down span:first-child { background-image: url(/img/system/www/p/index/down.svg); }
.memberbody .rightcontent .conetnt.dashboard .rightPart .dashDiv .rankingList .item .container { width: 108px; height: 46px; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .subscribe { width: 100%; height: 426px; display: block; background-image: url(/img/system/www/p/member/subscribe.svg); background-size: cover; background-position: center; position: relative; }
.memberbody .rightcontent .conetnt.dashboard .rightPart .subscribe a { width: 252px; height: 65px; background: #FFFFFF; box-shadow: 0px 0px 20px rgbg(9 94 206/20%); opacity: 1; border-radius: 44px; display: block; line-height: 65px; text-align: center; color: #C1A325; font-weight: bold; bottom: 50px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.memberbody .rightcontent .conetnt.dashboard .bottomPart { width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item { height: 118px; background: #FFFFFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); display: block; margin-top: 24px; font-size: 22px; font-weight: 500; color: #231F20; margin-right: 30px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; padding: 0 20px; margin: 24px 10px; flex: 1; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item span { flex: 1; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item:first-child:before { content: ''; width: 58px; height: 58px; display: block; background-color: #93EAC2; border-radius: 50%; background-image: url(/img/system/www/p/member/dash1.svg); background-repeat: no-repeat; background-size: 26px 26px; background-position: center; margin-right: 10px; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item:nth-child(2):before { content: ''; width: 58px; height: 58px; display: block; background-color: #D8D9FF; border-radius: 50%; background-image: url(/img/system/www/p/member/dash2.svg); background-repeat: no-repeat; background-size: 26px 26px; background-position: center; margin-right: 10px; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item:nth-child(3):before { content: ''; width: 58px; height: 58px; display: block; background-color: #FFE8C4; border-radius: 50%; background-image: url(/img/system/www/p/member/dash3.svg); background-repeat: no-repeat; background-size: 26px 26px; background-position: center; margin-right: 10px; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item:nth-child(4) { margin-right: 0; }
.memberbody .rightcontent .conetnt.dashboard .bottomPart .item:nth-child(4):before { content: ''; width: 58px; height: 58px; display: block; background-color: #FFADB6; border-radius: 50%; background-image: url(/img/system/www/p/member/dash4.svg); background-repeat: no-repeat; background-size: 26px 26px; background-position: center; margin-right: 10px; }
.memberbody .rightcontent .conetnt .nodata { font-size: 18px; width: 100%; height: 300px; line-height: 300px; text-align: center; font-weight: bold; }
.memberbody .rightcontent .conetnt table { border-collapse: collapse; width: 100%; }
.memberbody .rightcontent .conetnt table tr { border: 1px solid #E0E0E0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: #fff; }
.memberbody .rightcontent .conetnt table tr th { font-size: 14px; font-weight: bold; padding: 10px 0; background: #F8FBFF; color: #707070; }
.memberbody .rightcontent .conetnt table tr th span.order { position: relative; }
.memberbody .rightcontent .conetnt table tr th.desc span.order:before { width: 16px; height: 16px; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 5px; cursor: pointer; position: relative; content: "\f13a"; font-size: 16px; font-family: 'FontAwesome'; color: #c1a325; }
.memberbody .rightcontent .conetnt table tr th.asc span.order:before { width: 16px; height: 16px; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 5px; cursor: pointer; position: relative; content: "\f139"; font-size: 16px; font-family: 'FontAwesome'; color: #c1a325; }
.memberbody .rightcontent .conetnt table tr th span.icon { position: relative; }
.memberbody .rightcontent .conetnt table tr th span.icon:before { width: 16px; height: 16px; display: inline-block; background-image: url(/img/system/www/p/member/question.svg); background-size: contain; background-repeat: no-repeat; margin-left: 5px; cursor: pointer; position: relative; top: 3px; content: ''; }
.memberbody .rightcontent .conetnt table tr th span.icon .tip-flow { display: none; position: absolute; width: 350px; bottom: 30px; left: -270px; z-index: 90; }
.memberbody .rightcontent .conetnt table tr th span.icon .tip-flow-inner { position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); }
.memberbody .rightcontent .conetnt table tr th span.icon .tip-flow-txt { padding: 11px 22px; width: 305px; }
.memberbody .rightcontent .conetnt table tr th span.icon .tip-flow-txt-content { text-align: left; line-height: 25px; color: #fff; font-size: 16px; }
.memberbody .rightcontent .conetnt table tr th span.icon .tip-flow-arrow { position: absolute; bottom: -11px; left: 272px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid rgba(0, 0, 0, 0.9); }
.memberbody .rightcontent .conetnt table tr.change { background: #f1eacc; }
.memberbody .rightcontent .conetnt table tr:first-child th, .memberbody .rightcontent .conetnt table tr:first-child td { text-align: center; }
.memberbody .rightcontent .conetnt table tr:first-child th:nth-child(2) { padding-left: 0px; text-align: center; }
.memberbody .rightcontent .conetnt table tr:first-child th:nth-child(4) { text-align: center; padding-left: 0; }
.memberbody .rightcontent .conetnt table tr:first-child th:nth-child(3) { text-align: center; }
.memberbody .rightcontent .conetnt table tr td { padding: 10px 0; white-space: nowrap; }
.memberbody .rightcontent .conetnt table tr td .imgdiv { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin-left: 20px; }
.memberbody .rightcontent .conetnt table tr td .img { width: 70px; height: 70px; position: relative; overflow: hidden; margin-right: 30px; }
.memberbody .rightcontent .conetnt table tr td .img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-height: 70px; max-width: 70px; }
.memberbody .rightcontent .conetnt table tr td .tip { font-size: 17px; font-weight: bold; line-height: 24px; color: #4D4F5C; }
.memberbody .rightcontent .conetnt table tr td .title { vertical-align: middle; font-size: 18px; font-weight: bold; min-width: 108px; white-space: break-spaces; }
.memberbody .rightcontent .conetnt table tr td .change { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.memberbody .rightcontent .conetnt table tr td .descr { padding-right: 20px; font-size: 20px; color: #4D4F5C; font-weight: bold; text-align: right; min-width: 100px; }
.memberbody .rightcontent .conetnt table tr td .number { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; width: 220px; }
.memberbody .rightcontent .conetnt table tr td .number span { font-size: 20px; font-weight: bold; font-family: 'OpenSans'; font-weight: bold; margin-right: 10px; }
.memberbody .rightcontent .conetnt table tr td .number span:first-child { margin-left: 0rem; width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; }
.memberbody .rightcontent .conetnt table tr td .number.up { color: #5559EB; }
.memberbody .rightcontent .conetnt table tr td .number.up span:first-child { background-image: url(/img/system/www/p/index/up2.svg); }
.memberbody .rightcontent .conetnt table tr td .number.down { color: #F93131; }
.memberbody .rightcontent .conetnt table tr td .number.down span:first-child { background-image: url(/img/system/www/p/index/down.svg); }
.memberbody .rightcontent .conetnt table tr td .container { width: 180px; height: 51px; }
.memberbody .rightcontent .conetnt table tr td:nth-child(3) { font-size: 14px; padding-left: 50px; padding-right: 50px; text-align: center; }
.memberbody .rightcontent .conetnt table tr td:nth-child(3) span:last-child { font-weight: bold; }
.memberbody .rightcontent .conetnt table tr td:nth-child(3) .color { width: 160px; height: 18px; border-radius: 10px; color: #C1A325; }
.memberbody .rightcontent .conetnt table tr td:nth-child(3) .color span { padding: 0 3px; }
.memberbody .rightcontent .conetnt table tr td:nth-child(3) .color span.on:before { content: "\f005"; font-family: 'FontAwesome'; font-size: 18px; }
.memberbody .rightcontent .conetnt table tr td:nth-child(3) .color span.off:before { content: "\f006"; font-family: 'FontAwesome'; font-size: 18px; color: #C1A325; }
.memberbody .rightcontent .conetnt table tr td:nth-child(4) { text-align: center; }
.memberbody .rightcontent .conetnt table tr td:nth-child(5) { text-align: right; padding-right: 10px; }
.memberbody .rightcontent .conetnt table tr td .operation { cursor: pointer; text-align: center; width: 40px; z-index: 0; position: relative; }
.memberbody .rightcontent .conetnt table tr td .operation:before { content: "\f142"; font-size: 18px; color: #B9B9B9; font-family: 'FontAwesome'; }
.memberbody .rightcontent .conetnt table tr td .operation .detail { position: absolute; right: 0px; padding: 10px 20px; box-sizing: border-box; text-align: left; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); display: none; }
.memberbody .rightcontent .conetnt table tr td .operation .detail a { width: 100%; font-size: 14px; display: block; font-weight: bold; padding: 5px 0; min-width: 28px; }
.memberbody .rightcontent .conetnt table tr td .operation:hover { z-index: 1; }
.memberbody .rightcontent .conetnt table tr td .operation:hover .detail { display: block; background: #fff; }

.portfolio .conetnt { background: #F8FBFF; }
.portfolio .conetnt .charebody { background: #FFFFFF; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06); padding: 20px 35px; }
.portfolio .conetnt .parameter { margin-top: 20px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.portfolio .conetnt .parameter .item { height: 100px; background: #FFFFFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); margin: 0 2% 2% 0; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding: 0 30px; box-sizing: border-box; flex: 1; }
.portfolio .conetnt .parameter .item:first-child .l { background-image: url(/img/system/www/p/member/parameter_1.svg); }
.portfolio .conetnt .parameter .item .m { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.portfolio .conetnt .parameter .item .m span:first-child { font-size: 18px; color: #4D4F5C; margin: 0 0 5px 22px; font-weight: 500; display: block; }
.portfolio .conetnt .parameter .item .m span:nth-child(2) { font-size: 29px; font-family: 'OpenSans'; font-weight: bold; margin: 0 0 5px 22px; }
.portfolio .conetnt .parameter .item .m span.change { color: #C1A325; }
.portfolio .conetnt .parameter .item .l { width: 68px; height: 68px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; }
.portfolio .conetnt .parameter .item .l .icon { position: relative; width: 68px; height: 68px; margin: auto; }
.portfolio .conetnt .parameter .item .l .icon .dot { display: block; width: 68px; height: 68px; background: rgba(50, 137, 244, 0.29); border-radius: 50%; text-align: center; padding: 3px; box-sizing: border-box; z-index: 2; position: absolute; left: 0; top: 0; }
.portfolio .conetnt .parameter .item .l .icon .dot:after { content: ''; width: 68px; height: 68px; background-size: 130% 130%; background-position: -12px -14px; display: block; background-image: url(/img/system/www/p/index/decreasing.svg); }
.portfolio .conetnt .parameter .item .l .icon .pulse { position: absolute; left: -30px; top: -30px; display: block; width: 128px; height: 128px; background: rgba(50, 137, 244, 0.2); border-radius: 50%; z-index: 1; opacity: 0; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.portfolio .conetnt .parameter .item .l .icon .pulse1 { position: absolute; left: -30px; top: -30px; display: block; width: 128px; height: 128px; background: rgba(50, 137, 244, 0.15); border-radius: 50%; z-index: 1; opacity: 0; -webkit-animation: warn1 2s ease-out; -moz-animation: warn1 2s ease-out; animation: warn1 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.portfolio .conetnt .parameter .item .l.up .dot { background: rgba(193, 163, 37, 0.29); }
.portfolio .conetnt .parameter .item .l.up .dot:after { background-image: url(/img/system/www/p/index/increasing.svg); }
.portfolio .conetnt .parameter .item .l.up .pulse { background: rgba(193, 163, 37, 0.2); }
.portfolio .conetnt .parameter .item .l.up .pulse1 { background: rgba(193, 163, 37, 0.15); }
.portfolio .conetnt .parameter .item .r span:first-child { font-size: 18px; color: #4D4F5C; margin: 0 0 5px 22px; font-weight: 500; display: block; }
.portfolio .conetnt .parameter .item .number { margin-left: 25px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.portfolio .conetnt .parameter .item .number span { font-size: 29px; font-weight: bold; font-family: 'OpenSans'; font-weight: bold; margin-right: 10px; }
.portfolio .conetnt .parameter .item .number span:first-child { margin-left: 0rem; width: 29px; height: 29px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; }
.portfolio .conetnt .parameter .item .number.up { color: #3CC480; }
.portfolio .conetnt .parameter .item .number.up span:first-child { background-image: url(/img/system/www/p/index/up.svg); margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item .number.down { color: #F93131; }
.portfolio .conetnt .parameter .item .number.down span:first-child { background-image: url(/img/system/www/p/index/down.svg); margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item .number.no span:first-child { display: none; }
.portfolio .conetnt .parameter .item .number.change { color: #C1A325; }
.portfolio .conetnt .parameter .item .number.change.up span:first-child { background-image: url(/img/system/www/p/member/up_change.svg); margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item .number.change.down span:first-child { background-image: url(/img/system/www/p/member/down_change.svg); margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item:nth-child(2) { margin: 0 0 2% 0; }
.portfolio .conetnt .parameter .item:nth-child(2) .r span:first-child { font-size: 18px; color: #4D4F5C; margin: 0 0 5px 22px; font-weight: 500; display: block; }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.up span { color: #5559EB; margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.up span:first-child { background-image: url(/img/system/www/p/index/up2.svg); }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.down span { margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.no span:first-child { display: none; }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.change span { color: #C1A325; }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.change.up span:first-child { background-image: url(/img/system/www/p/member/up_change.svg); margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item:nth-child(2) .r .number.change.down span:first-child { background-image: url(/img/system/www/p/member/down_change.svg); margin: 0 10px 0 0px; }
.portfolio .conetnt .parameter .item:nth-child(3) .l { background-image: url(/img/system/www/p/member/parameter_3.svg); }
.portfolio .conetnt .parameter .item:nth-child(3) .r .strongly { font-size: 18px; color: #6F6F6F; margin: 0 0 10px 22px; font-weight: 500; }
.portfolio .conetnt .parameter .item:nth-child(3) .r .strongly span { color: #000; }
.portfolio .conetnt .parameter .item:nth-child(3) .r .strongly .color { height: 30px; color: #C1A325; }
.portfolio .conetnt .parameter .item:nth-child(3) .r .strongly .color span { padding: 0 3px; color: #C1A325; }
.portfolio .conetnt .parameter .item:nth-child(3) .r .strongly .color span.on:before { content: "\f005"; font-family: 'FontAwesome'; font-size: 30px; }
.portfolio .conetnt .parameter .item:nth-child(3) .r .strongly .color span.off:before { content: "\f006"; font-family: 'FontAwesome'; font-size: 30px; }
.portfolio .conetnt .contentInner { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.portfolio .conetnt .contentInner .leftcont { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.portfolio .conetnt .contentInner .name { font-size: 36px; font-weight: bold; color: #000; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.portfolio .conetnt .contentInner .name img { max-height: 80px; margin-right: 20px; max-width: 200px; }
.portfolio .conetnt .contentInner .name span { flex: 1; font-size: 36px; font-weight: bold; color: #000; }
.portfolio .conetnt .contentInner .name span em { font-size: 24px; font-style: normal; }
.portfolio .conetnt .contentInner .date { width: 100%; font-size: 18px; color: #4D4F5C; margin-top: 5px; }
.portfolio .conetnt .contentInner .number { margin-left: 20px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; width: 180px; }
.portfolio .conetnt .contentInner .number span { font-size: 18px; font-weight: bold; font-family: 'OpenSans'; font-weight: bold; margin-right: 10px; }
.portfolio .conetnt .contentInner .number span:first-child { margin-left: 0rem; width: 18px; height: 18px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; }
.portfolio .conetnt .contentInner .number.up { color: #5559EB; }
.portfolio .conetnt .contentInner .number.up span:first-child { background-image: url(/img/system/www/p/index/up2.svg); }
.portfolio .conetnt .contentInner .number.down { color: #F93131; }
.portfolio .conetnt .contentInner .number.down span:first-child { background-image: url(/img/system/www/p/index/down.svg); }
.portfolio .conetnt .contentInner .rightcont { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist { font-size: 12px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; width: 250px; height: 50px; background: #b9b9b9; box-shadow: 0px 0px 20px rgba(9, 94, 206, 0.2); opacity: 1; border-radius: 44px; text-align: center; font-size: 15px; color: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist:before { content: ''; background-image: url(/img/system/www/p/member/add-fav.svg); background-size: contain; background-position: center; width: 24px; height: 24px; background-repeat: no-repeat; margin-right: 5px; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist span { padding-right: 8px; width: 20px; height: 20px; background-image: url(/img/system/www/p/member/addw.svg); background-repeat: no-repeat; background-size: contain; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist:hover { background: #C1A325; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist:hover span { padding-right: 8px; width: 20px; height: 20px; background-image: url(/img/system/www/p/member/addw.svg); background-repeat: no-repeat; background-size: contain; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist.on { background: #C1A325; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist.on:before { content: ''; background-image: url(/img/system/www/p/member/added.jpg); background-size: 115% 115%; background-position: center; width: 34px; height: 34px; border-radius: 34px; }
.portfolio .conetnt .contentInner .rightcont .addWatchlist.on span { padding-right: 8px; width: 20px; height: 20px; background-image: url(/img/system/www/p/member/addw.svg); background-repeat: no-repeat; background-size: contain; }
.portfolio .conetnt .contentInner .rightcont .strongly { margin-left: 50px; color: #666; font-weight: bold; }
.portfolio .conetnt .contentInner .rightcont .strongly span { color: #000; }
.portfolio .conetnt .contentInner .rightcont .strongly .color { width: 160px; height: 10px; margin-top: 5px; border-radius: 10px; overflow: hidden; }
.portfolio .conetnt .contentInner .rightcont .strongly .color span { height: 100%; display: inline-block; }
.portfolio .conetnt .contentInner .rightcont .strongly .color span:first-child { background: #3CC480; }
.portfolio .conetnt .contentInner .rightcont .strongly .color span:nth-child(2) { background: #ffe460; }
.portfolio .conetnt .contentInner .rightcont .strongly .color span:nth-child(3) { background: #f93131; }
.portfolio .conetnt .date { width: 100%; font-size: 16px; color: #4D4F5C; }
.portfolio .conetnt .data { display: -webkit-flex; display: -moz-flex; display: flex; margin-bottom: 20px; }
.portfolio .conetnt .data .item { flex: 1; border-left: 1px solid #cfd4d8; padding-left: 20px; }
.portfolio .conetnt .data .item:first-child { border: none; padding-left: 0px; }
.portfolio .conetnt .data .item span { width: 100%; display: block; }
.portfolio .conetnt .data .item span:first-child { font-size: 18px; color: #4D4F5C; padding-bottom: 10px; }
.portfolio .conetnt .data .item span:nth-child(2) { font-size: 30px; font-weight: bold; color: #000; font-family: 'OpenSans'; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.portfolio .conetnt .data .item span.change { color: #C1A325; }
.portfolio .conetnt .dataImageBg { margin-top: 20px; height: 650px; position: relative; overflow: hidden; width: 100%; }
.portfolio .conetnt .dataImage { position: absolute; left: -24px; height: 650px; width: 100%; }
.portfolio .conetnt .dataImage img { width: 100%; }
.portfolio .conetnt .dataImage canvas { width: 100% !important; }

.layui-layer { font-size: 14px; border-radius: 10px !important; overflow: hidden; }
.layui-layer .layui-layer-title { font-size: 24px; font-weight: bold; line-height: 70px; color: #231F20; height: 70px; background: none; }
.layui-layer .layui-layer-setwin .layui-layer-close1 { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); margin: 15px 10px; }
.layui-layer .layer-content { padding: 30px 0 30px 0; position: relative; }
.layui-layer .layer-content-inner.buy { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.layui-layer .layer-content-inner.buy .layer-content-item { padding: 10px 30px 10px 30px; width: 50%; box-sizing: border-box; }
.layui-layer .layer-content-inner.buy .layer-content-item:nth-child(2) { width: 100%; margin-top: 20px; }
.layui-layer .layer-content-inner.buy .layer-content-item:nth-child(3) { padding: 10px 15px 10px 30px; }
.layui-layer .layer-content-inner.buy .layer-content-item:nth-child(4) { padding: 10px 30px 10px 15px; }
.layui-layer .layer-content-inner.buy .layer-btn { padding: 10px 30px 10px 30px; width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; }
.layui-layer .layer-content-inner.buy .layer-btn .buy-pf-btn, .layui-layer .layer-content-inner.buy .layer-btn .sell-pf-btn { width: 123px; height: 34px; background: #029647; opacity: 1; border-radius: 20px; color: #fff; border: none; }
.layui-layer .layer-content-inner.buy .layer-btn .close-pf-btn { width: 123px; height: 34px; border: 1px solid #707070; opacity: 1; border-radius: 20px; color: #707070; }
.layui-layer .layer-content-inner.buy .layer-btn .close-pf-btn:hover { background: #707070; color: #fff; }
.layui-layer .layer-content-item .leftpart { display: inline-block; float: left; margin-right: 100px; }
.layui-layer .layer-content-item .leftpart .layer-content-item-label { color: #707070; }
.layui-layer .layer-content-item .leftpart .layer-content-item-value { font-size: 18px; font-weight: bold; color: #C1A325; }
.layui-layer .layer-content-item .rightpart .layer-content-item-label { color: #707070; }
.layui-layer .layer-content-item .rightpart .layer-content-item-value { font-size: 18px; font-weight: bold; color: #C1A325; }
.layui-layer .layer-content-item, .layui-layer .layer-btn { padding: 10px 67px 10px 67px; }
.layui-layer .layer-content-item-label { font-size: 14px; font-weight: bold; }
.layui-layer .layer-content-item-label span { color: #CF4D4D; font-weight: bold; float: right; }
.layui-layer .layer-content-item-value input { width: 100%; height: 42px; padding: 0 10px; font-size: 15px; border: 1px solid #d8d8d8; box-sizing: border-box; }
.layui-layer .layer-content-item-value input.focus { border: 1px solid #CF4D4D; }
.layui-layer .layer-content-item-value input.searchname2 { background-image: url(/img/system/www/p/search2.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; }
.layui-layer .layer-btn .btn { width: 100px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #C1A325; border: 1px solid #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: inline-block; margin-top: 10px; margin-right: 10px; border-radius: 35px; }
.layui-layer .layer-btn .btn:hover { background-color: #C1A325; color: #fff; }
.layui-layer .layer-btn .btn.close-pf-btn2 { margin: 0 auto; display: block; }
.layui-layer .layer-btn .btn.create-pf-btn { width: 150px; }
.layui-layer .addtip { width: 100%; height: 35px; line-height: 35px; text-indent: 20px; color: #000; background-color: #fffaa6; font-size: 14px; position: absolute; left: 0; top: 0; display: none; }
.layui-layer .layer-searchlist { width: 100%; background: #fff; border: 1px solid #d8d8d8; box-sizing: border-box; display: none; overflow: auto; height: 360px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); }
.layui-layer .layer-searchlist .tip { border-bottom: 1px dotted #d8d8d8; font-size: 14px; width: 100%; display: block; line-height: 40px; padding: 0 20px; box-sizing: border-box; color: #707070; font-weight: bold; }
.layui-layer .layer-searchlist .tip span:nth-child(2) { float: right; }
.layui-layer .layer-searchlist .item { border-bottom: 1px solid #d8d8d8; font-size: 18px; width: 100%; line-height: 52px; padding: 0 20px; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.layui-layer .layer-searchlist .item span:first-child { margin-right: 20px; }
.layui-layer .layer-searchlist .item:hover { background-color: #F8F8F8; }
.layui-layer .layer-searchlist .item a { width: 100px; height: 34px; background: #C1A325; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 20px; display: block; font-size: 14px; font-weight: 400; line-height: 34px; color: #FFFFFF; text-align: center; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.layui-layer .layer-searchlist .item a:before { content: '+'; font-size: 22px; padding-right: 4px; line-height: 22px; margin-top: -4px; }
.layui-layer .layer-searchlist .item span { font-size: 15px; width: 15%; font-weight: bold; color: #4D4F5C; }
.layui-layer .layer-searchlist .item span:first-child { color: #231F20; }
.layui-layer .layer-searchlist .item span:first-child b { color: #C0A234; }
.layui-layer .layer-searchlist .item span:nth-child(3) { color: #B9B9B9; margin-left: 15px; }

.memberbody .rightcontent .conetnt.portfolio { min-height: 600px; }
.memberbody .rightcontent .conetnt.portfolio .portfolioList { display: block; }
.memberbody .rightcontent .conetnt.portfolio .portfolioMobileList { display: none; }
.memberbody .rightcontent .conetnt.portfolio .remove2 { font-size: 14px; color: #fff; background-color: #d2001e; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; text-align: center; margin: 5px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t0 { width: 10%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t0, .memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt0 { width: 10%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt5, .memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t5 { width: 7%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t4 { padding-left: 5%; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt4, .memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t4 { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; text-align: center; flex: none; width: 15%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3, .memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t3 { width: 46%; text-align: center; margin-right: 0%; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item:first-child { line-height: 20px; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .name { font-size: 24px; font-weight: bold; line-height: 40px; color: #231F20; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .addSymbol { width: 175px; height: 40px; background: #C1A325; opacity: 1; border-radius: 44px; font-size: 15px; font-weight: bold; line-height: 40px; color: #FFFFFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: auto; border-radius: 40px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; float: right; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .addSymbol:before { content: '+'; font-size: 22px; padding-right: 6px; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .remove2 { width: 125px; height: 40px; background: #d2001e; opacity: 1; border-radius: 44px; font-size: 15px; font-weight: bold; line-height: 40px; color: #FFFFFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: auto; border-radius: 40px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; float: right; margin-left: 20px; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist { display: -webkit-flex; display: -moz-flex; display: flex; margin-top: 20px; margin-bottom: 20px; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im { flex: 1; text-align: right; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im:first-child span { text-align: left; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im:last-child { margin-left: 30px; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im span { text-align: right; display: block; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im span:first-child { font-size: 15px; font-weight: 500; line-height: 18px; color: #707070; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im span:nth-child(2) { font-size: 20px; font-weight: bold; line-height: 24px; color: #4D4F5C; display: block; margin-top: 15px; }
.memberbody .rightcontent .conetnt.portfolio.view .viewDetail .viewlist .im i { font-style: normal; margin-left: 20px; }
.memberbody .rightcontent .conetnt.portfolio ul li.item { width: 100%; text-align: center; border-bottom: 0px #859ebd solid; line-height: 21px; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; color: #4D4F5C; padding: 20px 0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item:first-child { padding-top: 0px; padding-bottom: 0px; padding: 10px 0; font-size: 14px; background: #F8FBFF; border: 1px solid #E0E0E0; text-transform: uppercase; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt-t0 { width: 6%; line-height: 21px; text-align: center; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #fff; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt-t1 { width: 20%; line-height: 21px; text-align: left; margin: 0 1px 0 0px; padding-left: 24px; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: bold; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt-t2 { width: 20%; line-height: 21px; text-align: right; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt-t3 { width: 20%; line-height: 21px; text-align: right; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: 800; margin-right: 8%; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt-t4 { flex: 1; line-height: 21px; text-align: left; margin: 0 1px 0 0%; float: left; display: inline; overflow: hidden; color: #707070; font-size: 14px; font-weight: bold; }
.memberbody .rightcontent .conetnt.portfolio ul li.item.item:nth-child(2n) { background-color: #FFF; overflow: hidden; }
.memberbody .rightcontent .conetnt.portfolio ul li.item.item:nth-child(2n-1) { overflow: hidden; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt0 { width: 11%; font-weight: bold; text-align: left; font-weight: 400; font-size: 16px; color: #B99922; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; cursor: pointer; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt0:after { content: "\f105"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt0.on:after { content: "\f107"; font-size: 24px; font-family: 'FontAwesome'; margin-left: 8px; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt0 .img { width: 35px; height: 35px; border-radius: 35px; margin: auto; background-color: #b9b9b9; background-image: url(/img/system/www/p/member/search.svg); background-position: center; background-size: 20px 20px; background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: none; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt0 .img:hover { background-color: #C1A325; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt1 { width: 20%; font-weight: bold; color: #231F20; text-align: left; padding-left: 24px; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt2 { width: 20%; font-weight: bold; text-align: right; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt3 { width: 20%; font-weight: bold; text-align: right; margin-right: 8%; box-sizing: border-box; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt4 { flex: 1; font-weight: bold; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt4 div { font-weight: bold; margin-right: 20px; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt4 div.pnl_2_1 { font-weight: normal; margin-right: 0; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see { width: 100%; overflow: hidden; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; opacity: 1; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see.close { height: 0; opacity: 0; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc1 { width: 6%; color: #375f90; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 { flex: 1; padding: 25px; box-sizing: border-box; border: 1px solid #B9DBFF; margin-top: 15px; background-color: #F7FBFF; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 table { border: none; width: 100%; margin-top: 10px; margin-bottom: 50px; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 table tr { background: none; border: none; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 table tr th { font-size: 16px; font-weight: 500; color: #707070; text-align: right; padding: 8px 0; background: none; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 table tr th:first-child { text-align: left; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 table tr td { color: #231F20; font-size: 18px; text-align: right; font-weight: 500; background: none; padding: 10px 0; padding-left: 0; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 table tr td:first-child { text-align: left; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts { font-size: 24px; color: #231F20; font-weight: bold; text-align: left; padding-bottom: 20px; border-bottom: 1px dashed #B0B0B0; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts span { font-weight: bold; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts .remove { float: right; font-size: 14px; color: #fff; background-color: #d2001e; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; text-align: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts .view { float: right; font-size: 14px; color: #fff; background-color: #007ece; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts .add-stock { float: right; font-size: 14px; color: #fff; background-color: #029647; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts .remove-stock { float: right; font-size: 14px; color: #fff; background-color: #d2001e; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; text-align: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts .buy-stock { float: right; font-size: 14px; color: #fff; background-color: #C1A325; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 .tts .sell-stock { float: right; font-size: 14px; color: #fff; background-color: #029647; height: 30px; line-height: 30px; width: 100px; border-radius: 30px; margin-right: 15px; text-align: center; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul { display: -webkit-flex; display: -moz-flex; display: flex; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li { list-style-type: none; color: #333; font-size: 14px; text-align: left; line-height: 30px; width: 150px; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li:nth-child(2), .memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li:nth-child(4) { flex: 1; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li.zhcs { text-align: right; margin-top: 10px; flex: 1; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li.zhcs:first-child { width: 60px; flex: none; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li.zhcs span { display: block; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li.zhcs span:nth-child(1) { font-size: 17px; font-weight: 500; line-height: 20px; color: #707070; }
.memberbody .rightcontent .conetnt.portfolio ul li.item .gt_see .bc2 ul li.zhcs span:nth-child(2) { color: #231F20; }
.memberbody .rightcontent .conetnt.portfolio .loading { text-align: center; display: block; margin: 30px 0; }
.memberbody .rightcontent .conetnt.portfolio .addPortfolio { width: 200px; height: 40px; font-size: 15px; line-height: 40px; text-align: center; color: #fff; background: #C1A325; border: 1px solid #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: auto; border-radius: 40px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.memberbody .rightcontent .conetnt.portfolio .addPortfolio:before { content: '+'; font-size: 22px; padding-right: 6px; }
.memberbody .rightcontent .conetnt.portfolio .viewbtn { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.memberbody .rightcontent .conetnt.portfolio .viewbtn .addSymbol, .memberbody .rightcontent .conetnt.portfolio .viewbtn .cancel { width: 150px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #C1A325; border: 1px solid #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: 30px 10px 0 10px; border-radius: 35px; }
.memberbody .rightcontent .conetnt.portfolio .viewbtn .addSymbol:hover, .memberbody .rightcontent .conetnt.portfolio .viewbtn .cancel:hover { background-color: #C1A325; color: #fff; }

.memberbody .rightcontent .conetnt .check { color: #949494; padding: 10px 0px; background: #fff; border-radius: 10px; margin-right: 10px; font-size: 18px; width: 78px; display: inline-block; text-align: center; border: 1px solid #1389FF; }
.memberbody .rightcontent .conetnt .check:hover, .memberbody .rightcontent .conetnt .check.current, .memberbody .rightcontent .conetnt .check.interval { color: #fff; background: #1389FF; }
.memberbody .rightcontent .conetnt .check.no { background: #e8e8e8; border: 1px solid #e8e8e8; }
.memberbody .rightcontent .conetnt .check.no:hover, .memberbody .rightcontent .conetnt .check.no.current, .memberbody .rightcontent .conetnt .check.no.interval { background: #e8e8e8; border: 1px solid #e8e8e8; color: #949494; }
.memberbody .rightcontent .conetnt .other { font-size: 22px; font-weight: 400; line-height: 46px; color: #C1A325; text-decoration: underline; margin-left: 20px; white-space: nowrap; }

.memberbody .rightcontent .conetnt.portfolio.view ul li.item { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gtlogo { width: 70px; height: 70px; padding-left: 24px; position: relative; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gtlogo img { position: absolute; left: 24px; right: 0; top: 0; bottom: 0; margin: auto; max-height: 70px; max-width: 70px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t6 { width: 6%; color: #707070; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t5 { width: 15%; color: #707070; margin: 0 1px 0 0%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t4 { width: 14%; color: #707070; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t3 { width: 36%; color: #707070; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t2 { width: 12%; color: #707070; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t1 { width: calc(13% + 94px); color: #707070; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt6 { width: 6%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t6 { width: 6%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt5 { width: 15%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt5 img { height: 40px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt4 { width: 14%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt4 div.pnl_1 { margin-right: 0; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt4 div.pnl_2_1 { margin-left: 20px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 { width: 36%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number { display: inline-block; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number span { font-size: 20px; font-weight: bold; font-family: 'OpenSans'; font-weight: bold; margin-right: 10px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number span:first-child { margin-left: 0rem; width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number.up { color: #5559EB; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number.up span:first-child { background-image: url(/img/system/www/p/index/up2.svg); }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number.down { color: #F93131; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .number.down span:first-child { background-image: url(/img/system/www/p/index/down.svg); }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt3 .container { width: 180px; height: 51px; display: inline-block; margin-left: 20px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt2 { width: 12%; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt1 { width: 13%; padding-left: 10px; }
.memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt0, .memberbody .rightcontent .conetnt.portfolio.view ul li.item .gt-t0 { width: 8%; }

.successbox { position: fixed; display: block; width: 400px; text-align: center; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10000000; display: none; }
.successbox .background { background: #000; width: 100%; height: 100%; position: absolute; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100)"; }
.successbox span { color: #fff; position: relative; font-size: 18px; padding: 30px 20px; display: block; }

.loginForm.profile { width: 100%; max-width: 690px; min-height: 800px; margin: auto; margin-top: 50px; }

.profile-detail { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-top: 40px; }
.profile-detail .profile-left { margin-right: 46px; width: 200px; height: 200px; text-align: center; position: relative; overflow: hidden; border-radius: 200px; }
.profile-detail .profile-left .profile-avatar { text-align: center; line-height: 200px; color: #ffffff; font-size: 100px; background-color: #666; border: 4px solid #666; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; height: 200px; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; overflow: hidden; cursor: pointer; background-image: url(/img/system/missing-face.png); background-size: 100px 100px; }
.profile-detail .profile-left .profile-avatar-camera { position: absolute; left: 0; bottom: -46px; width: 100%; height: 46px; text-align: center; line-height: 46px; color: #ffffff; font-size: 24px; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -ms-transition: bottom 0.2s; -o-transition: bottom 0.2s; transition: bottom 0.2s; z-index: 2; }
.profile-detail .profile-left .profile-avatar-camera:before { content: '\f030'; font-family: "FontAwesome"; }
.profile-detail .profile-left:hover .profile-avatar-camera { bottom: 0; }
.profile-detail .profile-left .profile-avatar-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 200px; height: 200px; z-index: 2; background-repeat: no-repeat; background-position: center; background-size: cover; }
.profile-detail .profile-left .profile-avatar-upload-process { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 192px; color: #fff; font-size: 24px; background-color: rgba(0, 0, 0, 0.6); z-index: 3; }
.profile-detail .profile-left .profile-avatar-upload-process .percent { font-size: 24px; }
.profile-detail .profile-right { flex: 1; }
.profile-detail .profile-right .profile-detail-item { margin-bottom: 12px; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-l { text-align: left; line-height: 24px; color: #333333; font-size: 18px; font-weight: bold; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-v { text-align: left; line-height: 28px; color: #333333; font-size: 20px; color: #C1A325; font-weight: bold; position: relative; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-v.tel { display: -webkit-flex; display: -moz-flex; display: flex; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-v.tel select { width: 100px; height: 45px; padding: 0 10px; font-size: 14px; border: 1px solid #d8d8d8; margin-right: 5px; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-v input { width: 100%; height: 45px; padding: 0 10px; font-size: 14px; border: 1px solid #d8d8d8; box-sizing: border-box; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-v .calendar { position: absolute; top: 7px; right: 0; width: 36px; height: 36px; text-align: center; line-height: 31px; color: #999999; font-size: 24px; }
.profile-detail .profile-right .profile-detail-item .profile-detail-item-v .calendar:before { content: "\f073"; font-family: "FontAwesome"; }
.profile-detail .profile-right .profile-detail-item a.submit { width: 100%; margin-top: 30px; height: 45px; font-size: 18px; line-height: 45px; display: block; text-align: center; color: #fff; background-color: #C1A325; font-weight: bold; border: none; }

.profile-detail .profile-right .profile-detail-item input.m_sub { width: 100%; margin-top: 30px; height: 45px; font-size: 18px; line-height: 45px; display: block; text-align: center; color: #fff; background-color: #C1A325; font-weight: bold; border: none; }

#ui-datepicker-div { font-size: 18px; }

.filter { width: 100%; margin: 30px auto; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.filter.v2 .item:nth-child(4), .filter.v2 .item:nth-child(5) { min-width: 185px; }
.filter.v2 .item:nth-child(2) { min-width: 220px; z-index: 100; }
.filter.v2 .item:nth-child(3) { min-width: 120px; }
.filter .item { margin-right: 10px; padding-bottom: 10px; }
.filter .item:nth-child(2), .filter .item:nth-child(3) { min-width: 185px; }
.filter .item:nth-child(4) { min-width: 220px; }
.filter .item:last-child a.updatetable { width: 150px; height: 34px; font-size: 16px; line-height: 34px; text-align: center; color: #fff; background: #b9b9b9; border-radius: 34px; background: #b9b9b9; opacity: 1; opacity: 1; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin-top: 25px; float: right; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; box-shadow: 0px 0px 10px rgba(9, 94, 206, 0.2); }
.filter .item:last-child a.updatetable:before { content: ''; background-image: url(/img/system/www/p/member/reload.svg); background-size: contain; background-position: center; width: 16px; height: 16px; background-repeat: no-repeat; margin-right: 5px; }
.filter .item:last-child a.updatetable:hover { background-color: #C1A325; color: #fff; }
.filter .item label { font-size: 16px; padding-bottom: 5px; font-weight: bold; color: #707070; display: block; }
.filter .item .item-form { position: relative; z-index: 1; }
.filter .item .item-form.str:after { font-size: 14px; color: #ffc107; font-family: 'FontAwesome'; content: "\f078"; width: 15px; display: block; position: absolute; right: 5px; top: 11px; }
.filter .item .item-form .checkbox { display: block; width: 22px; height: 22px; text-align: center; line-height: 15px; background-color: #fff; border: 1px solid #e1e1e1; cursor: pointer; margin: auto; }
.filter .item .item-form .checkbox.checked { background-color: #242b5c; }
.filter .item .item-form .checkbox.checked:before { display: block; content: "\f00c"; color: #fff; font-size: 18px; font-family: "FontAwesome"; line-height: 29px; }
.filter .item .item-form input, .filter .item .item-form select { height: 36px; padding: 0 10px; font-size: 18px; border: 1px solid #d8d8d8; box-sizing: border-box; width: 100%; background: none; appearance: none; }
.filter .item .item-form input.s1otm, .filter .item .item-form input.s2otm, .filter .item .item-form input.credit, .filter .item .item-form select.s1otm, .filter .item .item-form select.s2otm, .filter .item .item-form select.credit { appearance: auto; display: none; }
.filter .item .item-form input.date { width: 120px; }
.filter .item .item-form .optionx_searchlist { width: 100%; background: #fff; border: 1px solid #d8d8d8; box-sizing: border-box; overflow: auto; height: 360px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); position: absolute; left: 0px; display: none; }
.filter .item .item-form .optionx_searchlist .tip { border-bottom: 1px dotted #d8d8d8; font-size: 14px; width: 100%; display: block; line-height: 40px; padding: 0 20px; box-sizing: border-box; color: #707070; font-weight: bold; }
.filter .item .item-form .optionx_searchlist .tip span:nth-child(2) { float: right; }
.filter .item .item-form .optionx_searchlist .item { border-bottom: 1px solid #d8d8d8; font-size: 18px; width: 100%; line-height: 52px; padding: 16px 20px; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; cursor: pointer; }
.filter .item .item-form .optionx_searchlist .item span:first-child { margin-right: 20px; }
.filter .item .item-form .optionx_searchlist .item:hover { background-color: #F8F8F8; }
.filter .item .item-form .optionx_searchlist .item a { width: 100px; height: 34px; background: #C1A325; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); opacity: 1; border-radius: 20px; display: block; font-size: 14px; font-weight: 400; line-height: 34px; color: #FFFFFF; text-align: center; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
.filter .item .item-form .optionx_searchlist .item a:before { content: '+'; font-size: 22px; padding-right: 4px; line-height: 22px; margin-top: -4px; }
.filter .item .item-form .optionx_searchlist .item span { font-size: 15px; width: 15%; font-weight: bold; color: #4D4F5C; line-height: 20px; }
.filter .item .item-form .optionx_searchlist .item span:first-child { color: #231F20; }
.filter .item .item-form .optionx_searchlist .item span:first-child b { color: #C0A234; }
.filter .item .item-form .optionx_searchlist .item span:nth-child(3) { color: #B9B9B9; margin-left: 15px; }
.filter .item .item-form .cat { position: absolute; color: #707070; height: 18px; width: 30px; text-align: center; right: 0; top: 0; font-size: 30px; line-height: 18px; }
.filter .item .item-form .cat:before { content: "\f0d8"; font-family: 'FontAwesome'; }
.filter .item .item-form .add { position: absolute; color: #707070; height: 18px; width: 30px; text-align: center; right: 0; bottom: 0; font-size: 30px; line-height: 18px; }
.filter .item .item-form .add:before { content: "\f0d7"; font-family: 'FontAwesome'; }
.filter .item .item-form .pgainhtml, .filter .item .item-form .expectedhtml { height: 36px; padding: 0 30px 0 10px; font-size: 18px; border: 1px solid #d8d8d8; box-sizing: border-box; width: 100%; line-height: 36px; position: relative; cursor: pointer; overflow: hidden; }
.filter .item .item-form .pgainhtml:after, .filter .item .item-form .expectedhtml:after { font-size: 14px; color: #ffc107; font-family: 'FontAwesome'; content: "\f078"; width: 15px; display: block; position: absolute; right: 5px; top: 0; }
.filter .item .item-form .pgainhtml span.on, .filter .item .item-form .expectedhtml span.on { background-image: url(/img/system/www/p/member/star_full.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 36px; display: inline-block; margin: 0px 2px; }
.filter .item .item-form .pgainhtml span.half, .filter .item .item-form .expectedhtml span.half { background-image: url(/img/system/www/p/member/star_half.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 36px; display: inline-block; margin: 0px 2px; }
.filter .item .item-form .pgainhtml span.off, .filter .item .item-form .expectedhtml span.off { background-image: url(/img/system/www/p/member/star_empty.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 36px; display: inline-block; margin: 0px 2px; }
.filter .item .item-form .pgainoption, .filter .item .item-form .expectedoption { overflow-y: auto; border-style: groove; border: 1px solid #d8d8d8; display: none; padding: 10px 0; position: absolute; background: #fff; width: 100%; box-sizing: border-box; }
.filter .item .item-form .pgainoption ul li, .filter .item .item-form .expectedoption ul li { font-size: 18px; padding: 0px 10px; height: 24px; box-sizing: border-box; line-height: 24px; cursor: pointer; }
.filter .item .item-form .pgainoption ul li span.on, .filter .item .item-form .expectedoption ul li span.on { background-image: url(/img/system/www/p/member/star_full.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 24px; display: inline-block; margin: 0px 2px; }
.filter .item .item-form .pgainoption ul li span.half, .filter .item .item-form .expectedoption ul li span.half { background-image: url(/img/system/www/p/member/star_half.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 24px; display: inline-block; margin: 0px 2px; }
.filter .item .item-form .pgainoption ul li span.off, .filter .item .item-form .expectedoption ul li span.off { background-image: url(/img/system/www/p/member/star_empty.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 18px; height: 24px; display: inline-block; margin: 0px 2px; }
.filter .item .item-form .pgainoption ul li:hover, .filter .item .item-form .expectedoption ul li:hover { background: #c1a325; }

.memberbody .rightcontent .conetnt.distribution { overflow: hidden; height: 670px; position: relative; }

.memberbody .rightcontent .conetnt.distribution table tr { border: none; }
.memberbody .rightcontent .conetnt.distribution table tr.underlyinglast { background: #7FFFD4; }

.memberbody .rightcontent .conetnt.distribution table tr.y:nth-child(4n-2) td { background: #f6f6f6; }

.memberbody .rightcontent .conetnt.distribution table tr th, .memberbody .rightcontent .conetnt.distribution table tr td { text-align: right; padding: 5px 5px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size: 14px; width: 200px; }
.memberbody .rightcontent .conetnt.distribution table tr th .detailurl, .memberbody .rightcontent .conetnt.distribution table tr td .detailurl { color: #c1a325; }
.memberbody .rightcontent .conetnt.distribution table tr th .addporfolioBtn:before, .memberbody .rightcontent .conetnt.distribution table tr td .addporfolioBtn:before { content: "\f055"; font-weight: bold; color: #c1a325; font-family: 'FontAwesome'; width: 30px; height: 30px; display: block; margin: auto; font-size: 30px; }
.memberbody .rightcontent .conetnt.distribution table tr th .addporfolioBtn.on:before, .memberbody .rightcontent .conetnt.distribution table tr td .addporfolioBtn.on:before { content: "\f058"; font-weight: bold; color: #3CC480; font-family: 'FontAwesome'; width: 30px; height: 30px; display: block; margin: auto; font-size: 30px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.dn1, .memberbody .rightcontent .conetnt.distribution table tr td span.dn1 { background: #DA70D6; padding: 3px 10px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.dn2, .memberbody .rightcontent .conetnt.distribution table tr td span.dn2 { background: #AFEEEE; padding: 3px 10px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.up1, .memberbody .rightcontent .conetnt.distribution table tr td span.up1 { background: #00FF00; padding: 3px 10px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.up2, .memberbody .rightcontent .conetnt.distribution table tr td span.up2 { background: #32CD32; padding: 3px 10px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.on, .memberbody .rightcontent .conetnt.distribution table tr td span.on { background-image: url(/img/system/www/p/member/star_full.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin: 0px 2px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.half, .memberbody .rightcontent .conetnt.distribution table tr td span.half { background-image: url(/img/system/www/p/member/star_half.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin: 0px 2px; }
.memberbody .rightcontent .conetnt.distribution table tr th span.off, .memberbody .rightcontent .conetnt.distribution table tr td span.off { background-image: url(/img/system/www/p/member/star_empty.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin: 0px 2px; }
.memberbody .rightcontent .conetnt.distribution table tr th span:last-child, .memberbody .rightcontent .conetnt.distribution table tr td span:last-child { font-weight: normal; }
.memberbody .rightcontent .conetnt.distribution table tr th span:last-child, .memberbody .rightcontent .conetnt.distribution table tr td span:last-child { font-weight: normal; }

.memberbody .rightcontent .conetnt.distribution table tr th { font-size: 14px; padding: 10px 5px; background: #000000; color: #fff; }
.memberbody .rightcontent .conetnt.distribution table tr th span { background: none; text-align: center; margin: auto; display: none; }
.memberbody .rightcontent .conetnt.distribution table tr th span.show { display: inline-block; }
.memberbody .rightcontent .conetnt.distribution table tr th span:before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.distribution table tr th span.asc:before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.distribution table tr th span.desc:before { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.distribution table tr th:first-child span { width: 50px; text-align: left; }

.memberbody .rightcontent .conetnt.distribution table tr:first-child th, .memberbody .rightcontent .conetnt.distribution table tr:first-child td { padding-left: 0px; }

.memberbody .rightcontent .conetnt.distribution table tr th:first-child, .memberbody .rightcontent .conetnt.distribution table tr td:first-child { padding-left: 5px; text-align: center; border-left: 1px solid #E0E0E0; min-width: auto; }

.memberbody .rightcontent .conetnt.distribution table tr th:nth-child(2), .memberbody .rightcontent .conetnt.distribution table tr td:nth-child(2) { padding-left: 5px; text-align: center; width: 150px; }

.memberbody .rightcontent .conetnt.distribution table tr th:nth-child(3), .memberbody .rightcontent .conetnt.distribution table tr td:nth-child(3) { padding-left: 0px; text-align: center; width: 200px; padding-right: 0; }

.memberbody .rightcontent .conetnt.distribution table tr th:nth-child(4), .memberbody .rightcontent .conetnt.distribution table tr td:nth-child(4) { padding-left: 0px; text-align: center; }

.memberbody .rightcontent .conetnt.distribution table tr th:nth-child(6), .memberbody .rightcontent .conetnt.distribution table tr td:nth-child(6) { text-align: center; }

.memberbody .rightcontent .conetnt.distribution table tr th:last-child, .memberbody .rightcontent .conetnt.distribution table tr td:last-child { padding-right: 20px; border-right: 1px solid #E0E0E0; }

.memberbody .rightcontent .conetnt.optionx { overflow: hidden; height: 670px; position: relative; }

.memberbody .rightcontent .conetnt.optionx table tr { border: none; cursor: pointer; }

.memberbody .rightcontent .conetnt.optionx table tr.y:nth-child(4n-2) td { background: #f6f6f6; }

.memberbody .rightcontent .conetnt.optionx table tr th, .memberbody .rightcontent .conetnt.optionx table tr td { text-align: center; padding: 5px 5px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size: 14px; }
.memberbody .rightcontent .conetnt.optionx table tr th .addporfolioBtn:before, .memberbody .rightcontent .conetnt.optionx table tr td .addporfolioBtn:before { content: "\f055"; font-weight: bold; color: #c1a325; font-family: 'FontAwesome'; width: 30px; height: 30px; display: block; margin: auto; font-size: 30px; }
.memberbody .rightcontent .conetnt.optionx table tr th .addporfolioBtn.on:before, .memberbody .rightcontent .conetnt.optionx table tr td .addporfolioBtn.on:before { content: "\f058"; font-weight: bold; color: #3CC480; font-family: 'FontAwesome'; width: 30px; height: 30px; display: block; margin: auto; font-size: 30px; }
.memberbody .rightcontent .conetnt.optionx table tr th span.on, .memberbody .rightcontent .conetnt.optionx table tr td span.on { background-image: url(/img/system/www/p/member/star_full.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin: 0px 2px; }
.memberbody .rightcontent .conetnt.optionx table tr th span.half, .memberbody .rightcontent .conetnt.optionx table tr td span.half { background-image: url(/img/system/www/p/member/star_half.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin: 0px 2px; }
.memberbody .rightcontent .conetnt.optionx table tr th span.off, .memberbody .rightcontent .conetnt.optionx table tr td span.off { background-image: url(/img/system/www/p/member/star_empty.svg); background-size: contain; background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin: 0px 2px; }
.memberbody .rightcontent .conetnt.optionx table tr th span:last-child, .memberbody .rightcontent .conetnt.optionx table tr td span:last-child { font-weight: normal; }
.memberbody .rightcontent .conetnt.optionx table tr th span:last-child, .memberbody .rightcontent .conetnt.optionx table tr td span:last-child { font-weight: normal; }

.memberbody .rightcontent .conetnt.optionx table tr th { font-size: 14px; padding: 10px 5px; background: #000000; color: #fff; }
.memberbody .rightcontent .conetnt.optionx table tr th span { background: none; text-align: center; margin: auto; display: none; }
.memberbody .rightcontent .conetnt.optionx table tr th span.show { display: inline-block; }
.memberbody .rightcontent .conetnt.optionx table tr th span:before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.optionx table tr th span.asc:before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.optionx table tr th span.desc:before { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.optionx table tr th:first-child span { width: 50px; text-align: center; }

.memberbody .rightcontent .conetnt.optionx table tr:first-child th, .memberbody .rightcontent .conetnt.optionx table tr:first-child td { padding-left: 0px; }

.memberbody .rightcontent .conetnt.optionx table tr th:first-child, .memberbody .rightcontent .conetnt.optionx table tr td:first-child { padding-left: 5px; text-align: center; border-left: 1px solid #E0E0E0; }

.memberbody .rightcontent .conetnt.optionx table tr th:nth-child(2), .memberbody .rightcontent .conetnt.optionx table tr td:nth-child(2) { padding-left: 5px; text-align: center; }

.memberbody .rightcontent .conetnt.optionx table tr th:nth-child(3), .memberbody .rightcontent .conetnt.optionx table tr td:nth-child(3) { padding-left: 0px; text-align: center; }

.memberbody .rightcontent .conetnt.optionx table tr th:nth-child(9), .memberbody .rightcontent .conetnt.optionx table tr td:nth-child(9) { padding-left: 0px; text-align: center; }

.memberbody .rightcontent .conetnt.optionx table tr th:nth-child(4), .memberbody .rightcontent .conetnt.optionx table tr td:nth-child(4) { padding-left: 0px; text-align: center; }

.memberbody .rightcontent .conetnt.optionx table tr th:last-child, .memberbody .rightcontent .conetnt.optionx table tr td:last-child { padding-right: 5px; border-right: 1px solid #E0E0E0; }

.memberbody .rightcontent .conetnt.optionx table tr.y.on td { background: #f1e3b0; }
.memberbody .rightcontent .conetnt.optionx table tr.y.on table tr { background: #f3f7fb; }

.memberbody .rightcontent .conetnt.optionx table tr.n { display: none; }
.memberbody .rightcontent .conetnt.optionx table tr.n.on table tr td, .memberbody .rightcontent .conetnt.optionx table tr.n.on table tr th { background: #fef6d9; color: #333333; border-left: none; border-top: 1px solid #ddcd91; border-bottom: none; }
.memberbody .rightcontent .conetnt.optionx table tr.n.on table tr th { border-top: none; }

.showothertable:before { font-size: 18px; padding-left: 10px; color: #c1a325; font-family: 'FontAwesome'; content: "\f054"; width: 15px; display: block; }

.memberbody .rightcontent .conetnt.optionx table tr.y.on .showothertable:before { font-size: 18px; padding-left: 10px; color: #c1a325; font-family: 'FontAwesome'; content: "\f078"; width: 15px; display: block; }

.optionTab { font-size: 17px; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; background: #fafafa; margin-bottom: 20px; box-sizing: border-box; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.optionTab .tabitem { height: 55px; width: 160px; line-height: 55px; text-align: center; cursor: pointer; position: relative; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
.optionTab .tabitem u { background: #c1a325; color: #fff; text-decoration: unset; border-radius: 25px; height: 25px; line-height: 25px; width: 40px; margin-left: 5px; }
.optionTab .tabitem:before { width: 1000%; content: ''; position: absolute; left: 0; bottom: 0px; z-index: 0; border-bottom: 1px solid #e0e0e0; }
.optionTab .tabitem.active { border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; background: #fff; color: #c1a325; }
.optionTab .tabitem.active:before { width: 100%; content: ''; position: absolute; left: 0; bottom: 0px; z-index: 0; border-bottom: 1px solid #fff; }

.memberbody .rightcontent .conetnt.optionx .just-th-wrap, .memberbody .rightcontent .conetnt.distribution .just-th-wrap { position: fixed; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th { display: flex; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li { cursor: pointer; list-style-type: none; display: block; font-size: 14px; padding: 10px 5px; background: #000000; color: #fff; box-sizing: border-box; font-weight: bold; text-align: center; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:first-child, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:first-child { padding-left: 5px; text-align: center; border-left: 1px solid #E0E0E0; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:nth-child(2), .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:nth-child(2) { padding-left: 5px; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:nth-child(3), .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:nth-child(3) { padding-left: 0px; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:nth-child(9), .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:nth-child(9) { padding-left: 0px; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:nth-child(4), .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:nth-child(4) { padding-left: 0px; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:nth-child(6), .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:nth-child(6) { padding-left: 0px; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:nth-child(5), .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:nth-child(5) { padding-left: 0px; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li:last-child, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li:last-child { padding-right: 20px; border-right: 1px solid #E0E0E0; text-align: center; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li span, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li span { display: none; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li span:before, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li span:before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li span.asc:before, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li span.asc:before { content: "\f0d8"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li span.desc:before, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li span.desc:before { content: "\f0d7"; font-family: 'FontAwesome'; font-size: 16px; color: #c1a426; }
.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li span.show, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li span.show { display: inline-block; width: 16px; height: 16px; cursor: pointer; }

.memberbody .rightcontent .conetnt.optionx .just-th-wrap, .memberbody .rightcontent .conetnt.distribution .just-th-wrap { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 1; }

.memberbody .rightcontent .conetnt.optionx .just-th-wrap .just-th li, .memberbody .rightcontent .conetnt.distribution .just-th-wrap .just-th li { padding-left: 0px; }

.memberbody .rightcontent .conetnt.trendxDaily table tr td:first-child { width: 80px; }

.memberbody .rightcontent .conetnt.trendxDaily table tr td:nth-child(4) { text-align: right; }

.memberbody .rightcontent .conetnt.trendxDaily table tr td .upicon { width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; background-image: url(/img/system/www/p/index/up.svg); margin: 0px 10px 0 0px; position: relative; top: 2px; }

.memberbody .rightcontent .conetnt.trendxDaily table tr td .downicon { width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; display: -webkit-inline-box; background-image: url(/img/system/www/p/index/down.svg); margin: 0px 10px 0 0px; position: relative; top: 2px; }

.memberbody .rightcontent.olist .conetnt table tr:first-child th { cursor: pointer; }

.memberbody .rightcontent.olist .conetnt table tr:first-child th:nth-child(4) { text-align: left; padding-left: 0; }

.memberbody .rightcontent.olist .conetnt table tr:first-child th:nth-child(5) { text-align: center; padding-left: 0; }

.memberbody .rightcontent.olist .conetnt table tr td:nth-child(5) { text-align: center; padding-right: 0; }

.memberbody .rightcontent.olist .conetnt table tr td:nth-child(6) { text-align: right; padding-right: 0; }

.memberbody .rightcontent .conetnt .catlist { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 30px; }
.memberbody .rightcontent .conetnt .catlist .item { height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #C1A325; border: 1px solid #C1A325; font-weight: bold; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; margin: 0 20px 20px 0; border-radius: 35px; padding: 0 20px; }
.memberbody .rightcontent .conetnt .catlist .item:hover, .memberbody .rightcontent .conetnt .catlist .item.active { background-color: #C1A325; color: #fff; }

.newlist { margin-top: 50px; width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.newlist .item { display: block; width: 32%; -webkit-box-shadow: 0 0.015rem 0.05rem 0.015rem #e0e0e0; -moz-box-shadow: 0 0.015rem 0.05rem 0.015rem #E0E0E0; box-shadow: 0 0.015rem 0.05rem 0.015rem #e0e0e0; box-sizing: border-box; padding-bottom: 60px; min-width: 400px; margin: 0 1% 2% 1%; }
.newlist .item:hover .itemInner .title { color: #B99922; }
.newlist .item .itemInner .img { width: 100%; height: 297px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.newlist .item .itemInner .top { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin: 30px 30px 10px 30px; }
.newlist .item .itemInner .top .date { font-size: 16px; font-weight: 400; line-height: 23px; color: #231F20; }
.newlist .item .itemInner .top .status { width: 122px; height: 34px; background: #3CC480; opacity: 1; border-radius: 4px; font-size: 16px; font-weight: bold; line-height: 34px; color: #FFFFFF; margin-left: 30px; text-align: center; }
.newlist .item .itemInner .top .status.full { background: #F2711C; }
.newlist .item .itemInner .top .status.end { background: #767676; }
.newlist .item .itemInner .title { font-size: 28px; font-weight: bold; line-height: 42px; color: #231F20; margin: 0px 30px 10px 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.newlist .item .itemInner .descr { font-size: 18px; font-weight: 400; line-height: 28px; color: #4D4F5C; margin: 0px 30px 0px 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.part13_no { width: 100%; margin: 120px auto 120px; box-sizing: border-box; position: relative; }
.part13_no .serviceBody { position: relative; min-height: 760px; width: 100%; }
.part13_no .serviceBody .servicePlanContent { width: 100%; }
.part13_no .serviceBody .serviceCompareContent { position: absolute; top: 0; left: 50%; width: 86%; max-width: 1480px; margin: 0px auto 0; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%) }
.part13_no .serviceBody .serviceCompareContent .servicecompare { border-collapse: collapse; font-size: 16PX; width: 100%; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr { background: #fff; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr.even { background-color: #f6f6f6; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr th { padding: 5px 10px; text-align: center; border: 1px solid #E0E0E0; background: #fffae9; font-size: 22px; font-weight: bold; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr th img { max-width: 120px; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr th.planTh { background: #000000; color: #fff; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr th.planThName { background: #000000; color: #fff; font-size: 22px; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td { border: 1px solid #E0E0E0; padding: 5px 10px; text-align: center !important; font-size: 16px; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td.left { text-align: left; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon { position: relative; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon:before { content: "\f219"; font-family: 'FontAwesome'; padding: 10px; color: #C1A325; cursor: pointer; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon .tip-flow { display: none; position: absolute; width: 279px; bottom: 42px; left: -115px; z-index: 90; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon .tip-flow-inner { position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon .tip-flow-txt { padding: 11px 22px; width: 235px; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon .tip-flow-txt-content { text-align: left; line-height: 25px; color: #fff; font-size: 16px; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.icon .tip-flow-arrow { position: absolute; bottom: -11px; left: 130px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid rgba(0, 0, 0, 0.9); }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td span.tick:before { font-family: "FontAwesome"; font-size: 22px; color: #C1A325; display: block; content: "\f00c"; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td.oldprice { font-size: 20px; font-weight: bold; text-decoration: line-through; color: #707070; padding: 10px 10px; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td.price { color: #ff0000; font-size: 20px; font-weight: bold; }
.part13_no .serviceBody .serviceCompareContent .servicecompare tr td.price a { margin-top: 10px; display: block; padding: 0 8px; height: 34px; text-align: center; line-height: 34px; color: #fff; font-size: 16px; background-color: #C1A325; font-weight: normal; }
.part13_no .tab { width: 380px; height: 46px; display: -webkit-flex; display: -moz-flex; display: flex; border: 3px solid #C1A325; background: #C1A325; border-radius: 46px; box-sizing: border-box; position: relative; margin: 60px auto; }
.part13_no .tab .serviceMenu { display: block; float: left; text-align: left; line-height: 40px; color: #fff; font-size: 18px; font-weight: normal; border: none; border-right: none; z-index: 1; width: 50%; text-align: center; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.part13_no .tab .serviceMenu.current { color: #C1A325; }
.part13_no .tab .ceng { position: absolute; left: 0; width: 50%; height: 40px; background: #fff; border-radius: 40px; z-index: 0; }
.part13_no .tab2 { width: 570px; display: -webkit-flex; display: -moz-flex; display: flex; border: 3px solid #C1A325; background: #C1A325; border-radius: 58px; box-sizing: border-box; position: relative; margin: 30px auto 60px; }
.part13_no .tab2 .periodic { display: block; float: left; text-align: left; line-height: 20px; color: #fff; font-size: 18px; font-weight: normal; border: none; border-right: none; z-index: 1; width: 33%; text-align: center; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 10px 0 8px; }
.part13_no .tab2 .periodic:first-child { padding-top: 19px; }
.part13_no .tab2 .periodic span { font-size: 14px; }
.part13_no .tab2 .periodic.current { color: #C1A325; }
.part13_no .tab2 .ceng { position: absolute; left: 0; width: 33%; height: 58px; background: #fff; border-radius: 40px; z-index: 0; }
.part13_no .swiper2-button-prev { position: absolute; display: block; left: 0%; top: 55%; width: 60px; height: 60px; background: url(/img/system/pop_left.svg) no-repeat top left; background-size: 60px 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-indent: -9999px; cursor: pointer; }
.part13_no .swiper2-button-prev:hover { background: url(/img/system/pop_left_vo.svg) no-repeat top left; background-size: 60px 60px; }
.part13_no .swiper2-button-next { position: absolute; display: block; right: 0%; top: 55%; width: 60px; height: 60px; background: url(/img/system/pop_right.svg) no-repeat top left; background-size: 60px 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; text-indent: -9999px; cursor: pointer; }
.part13_no .swiper2-button-next:hover { background: url(/img/system/pop_right_vo.svg) no-repeat top left; background-size: 60px 60px; }
.part13_no .swiper-slide { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); position: relative; width: 500px; }
.part13_no .swiper-slide-active, .part13_no .swiper-slide-duplicate-active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.part13_no .swiper-pagination-bullet { width: 14px; height: 14px; background: #C1A325; border-radius: 50%; opacity: 0.3; }
.part13_no .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 14px; height: 14px; background: #C1A325; border-radius: 50%; opacity: 1; }
.part13_no .swiper-container-horizontal > .swiper-pagination-bullets, .part13_no .swiper-pagination-custom, .part13_no .swiper-pagination-fraction { display: -webkit-flex; display: -moz-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-top: 0.4rem; }
.part13_no .title { font-size: 72px; font-weight: bold; line-height: 100px; color: #231F20; text-align: center; }
.part13_no .title span { color: #C1A325; font-weight: bold; }
.part13_no .tip { height: 42px; font-size: 24px; font-weight: bold; line-height: 46px; color: #4D4F5C; margin-top: 30px; padding: 0 20px; text-align: center; }
.part13_no .descr { width: 86%; max-width: 1480px; margin: 60px auto 0 auto; position: relative; overflow: unset; overflow-x: clip; }
.part13_no .descr .inner { font-size: 16px; font-weight: 400; line-height: 27px; color: #707070; }
.part13_no .descr .inner .plan { -webkit-box-shadow: 0 0px 20px 0 #D1D1D1; box-shadow: 0 0px 20px 0 #D1D1D1; border: 4px solid #fff; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; background: #fff; box-sizing: border-box; }
.part13_no .descr .inner .plan:hover { border: 4px solid #C1A325; -webkit-box-shadow: 0px 0px 45px rgba(123, 123, 123, 0.4); box-shadow: 0px 0px 45px rgba(123, 123, 123, 0.4); }
.part13_no .descr .inner .plan.plan1 .plan-list li:nth-child(8), .part13_no .descr .inner .plan.plan1 .plan-list li:nth-child(9) { color: #B9B9B9; display: none; }
.part13_no .descr .inner .plan.plan1 .plan-list li:nth-child(8):before, .part13_no .descr .inner .plan.plan1 .plan-list li:nth-child(9):before { color: #B9B9B9; }
.part13_no .descr .inner .plan.ot { background: #fffef0; border: 4px solid #fffef0; }
.part13_no .descr .inner .plan.ot .apply { background: #fffef0; }
.part13_no .descr .inner .plan.ot:hover { border: 4px solid #C1A325; -webkit-box-shadow: 0px 0px 45px rgba(123, 123, 123, 0.4); box-shadow: 0px 0px 45px rgba(123, 123, 123, 0.4); }
.part13_no .descr .inner .plan .plan-title { font-size: 32px; font-weight: bold; line-height: 32px; color: #231F20; font-weight: bold; text-align: center; padding-top: 53px; position: relative; }
.part13_no .descr .inner .plan .plan-logo { display: flex; justify-content: center; padding: 20px 0 60px; position: relative; }
.part13_no .descr .inner .plan .plan-logo:before { content: ''; position: absolute; width: 73px; height: 0px; border: 1px solid #CBCBCB; bottom: 30px; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
.part13_no .descr .inner .plan .plan-logo img { width: 100px; }
.part13_no .descr .inner .plan .price_hkd2 { font-size: 48px; line-height: 63px; color: #C1A325; text-align: center; }
.part13_no .descr .inner .plan .price_hkd2 span:first-child { font-weight: bold; }
.part13_no .descr .inner .plan .price_hkd2 span:nth-child(2) { font-size: 20px; color: #231F20; padding-left: 5px; }
.part13_no .descr .inner .plan .price_hkd2.periodic2, .part13_no .descr .inner .plan .price_hkd2.periodic3 { display: none; }
.part13_no .descr .inner .plan .price_hkd { height: 45px; font-size: 28px; font-weight: 400; line-height: 45px; color: #707070; text-align: center; text-decoration: line-through; }
.part13_no .descr .inner .plan .price_hkd.periodic2, .part13_no .descr .inner .plan .price_hkd.periodic3 { display: none; }
.part13_no .descr .inner .plan .h3 { line-height: 26px; font-size: 18px; color: #666; margin-top: 20px; margin-left: 30px; }
.part13_no .descr .inner .plan ul { margin-left: 30px; margin-right: 30px; }
.part13_no .descr .inner .plan ul li { margin-bottom: 0px; margin-right: 0; width: 100%; height: auto; float: none; border: none; background: none; padding-left: 35px; text-align: left; line-height: 52px; font-size: 26px; background: none; position: relative; list-style-type: none; color: #000; box-sizing: border-box; }
.part13_no .descr .inner .plan ul li span.icon { position: relative; }
.part13_no .descr .inner .plan ul li span.icon:before { content: "\f219"; font-family: 'FontAwesome'; padding: 10px; color: #C1A325; cursor: pointer; }
.part13_no .descr .inner .plan ul li span.icon .tip-flow { display: none; position: absolute; width: 279px; bottom: 42px; left: -115px; z-index: 90; }
.part13_no .descr .inner .plan ul li span.icon .tip-flow-inner { position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); }
.part13_no .descr .inner .plan ul li span.icon .tip-flow-txt { padding: 11px 22px; width: 235px; }
.part13_no .descr .inner .plan ul li span.icon .tip-flow-txt-content { text-align: left; line-height: 25px; color: #fff; font-size: 16px; }
.part13_no .descr .inner .plan ul li span.icon .tip-flow-arrow { position: absolute; bottom: -11px; left: 130px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid rgba(0, 0, 0, 0.9); }
.part13_no .descr .inner .plan ul li:before { font-family: "FontAwesome"; font-size: 22px; color: #C1A325; position: absolute; left: 2px; display: block; top: 2px; content: "\f00c"; }
.part13_no .descr .inner .plan .price { margin-top: 10px; }
.part13_no .descr .inner .plan .price .price_hkd { line-height: 46px; font-size: 18px; }
.part13_no .descr .inner .plan .price .price_hkd2 { line-height: 46px; font-size: 24px; font-weight: bold; color: #ff0000; }
.part13_no .descr .inner .plan .apply { width: 209px; height: 64px; border: 2px solid #C1A325; box-sizing: border-box; background: #fff; opacity: 1; text-align: center; color: #C1A325; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; font-size: 22px; line-height: 64px; margin: 50px auto 60px auto; }
.part13_no .descr .inner .plan .apply:hover { background: #C1A325; color: #fff; }
.part13_no .descr .inner .plan .apply.periodic2, .part13_no .descr .inner .plan .apply.periodic3 { display: none; }

.conbox { margin: 0 auto; width: 100%; margin-top: 10em; overflow-y: scroll; }

.conbox .shipin { width: 43%; height: fit-content; min-height: 650px; display: flex; align-items: center; overflow: hidden; }
.conbox .shipin video { width: 100%; }
.conbox .shipin img { width: 100%; }

.formInnerregcg { text-align: center; margin-top: 30px; display: none; }
.formInnerregcg .tit { font-weight: 600; font-size: 40px; }
.formInnerregcg p { margin-top: 30px; }
.formInnerregcg .btn { display: flex; justify-content: center; margin: 40px; }
.formInnerregcg .btn a { background-color: #5bf1c3; padding: 20px 70px; border-radius: 50px; color: white; }
.formInnerregcg .back a { color: black; }


@media screen and (max-width: 768px) {
    .loginForm { }
    .conbox .shipin { display: none; }
    .loginForm { width: 86%; }
    .loginForm .formInner { width: 100%; }
    .alldvt .top_menu img { height: 75%; margin-left: 0px; margin-top: 10px; width: 25%; }
    .alldvt .top_menu ul li { margin-right: 20px; }
    .other-login { }
    .Q_Under .dvs .bzs .dh2 { width: 100%; margin: 10px 10px 0px 0px; }
    .Q_Under .dvs .bzs .dh3 { float: initial; }
    .loginForm .pic { width: 30%; }
}

.loginForm .pic img { width: 35%; }
.alldvt .top_menu ul .pgli { display: none !important; }
  /* .alldvt .top_menu ul #log{display:block;}
    .alldvt .top_menu ul #reg { display: block; }
*/


/* BUs_Gto_dvs */
.BUs_Gto_dvs { background-color: #fff; width: 100%; overflow: hidden; margin: 0 auto; position: fixed; top: 8em; left: 0px; text-align: center; z-index: 999; display: none; }

.BUs_Gto_dvs .dvs { width: 80%; overflow: hidden; margin: 0 auto; text-align: center; height: 100vh; position: relative; }

.BUs_Gto_dvs .dvs ul { width: 300%; overflow: hidden; margin: 0 auto; text-align: center; margin-top: 42%; color: #fff; }
.BUs_Gto_dvs .dvs li { width: 30%; overflow: hidden; margin: 0 auto; text-align: center; cursor: pointer; margin: 20px; height: 60px; line-height: 60px; background-color: #092c4c; border-radius: 10px; margin-bottom: 30px; }

.BUs_Gto_dvs .dvs li:hover { background-color: #C1A325; cursor: pointer; }
