@charset "utf-8"; /*
 * Author:UED
 * Version:1.0.0
*/
#container {
    max-width: 750px;
    margin: 0 auto;
}

html {
    font-size: 50px;
}

@media screen and (min-width: 320px) {
    html {
        font-size: 42.7px;
    }
}

@media screen and (min-width: 360px) {
    html {
        font-size: 48px;
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media screen and (min-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

body,button,input,select,textarea {
    font: 12px/1 "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;
}

h1,h2,h3,h4,h5,h6,b,strong {
    font-weight: normal;
}

button,input,select,textarea {
    padding: 0;
    background: none;
    border: 0;
    font-size: inherit;
}

input:focus {
    outline: 0;
}

i {
    font-style: normal;
}

a {
    text-decoration: none;
}

img {
    display: block;
}

.bg-gray {
    background: #F0F0F5;
}

.font-gray {
    color: #999!important;
    font-size: 0.26rem!important;
}

.font-red {
    color: #EF3939!important;
}

.font-green {
    color: #4CA92A!important;
}

.flex {
    /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    /* 老版本语法: Firefox (buggy) */
    /* 混合版本语法: IE 10 */
    /* 新版本语法: Chrome 21+ */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex > * {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* 0.5底边 */
.mod_tit:after,.mod_list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, #D6D6D6 60%, transparent 60%) no-repeat left bottom;
    background: linear-gradient(bottom, #D6D6D6 60%, transparent 60%) no-repeat left bottom;
    background-size: 100% 1px;
    z-index: -1;
}

/* 新股 */
.head {
    /*background: -webkit-linear-gradient(left, #214fb7 0%, #282b8a 100%) no-repeat 0 0;height: 1.1rem;*/
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 15;
    background: #fff;
    padding: 0.22rem 1rem;
}

.head-tab {
    border-radius: 0.1rem;
    /*overflow: hidden;*/
    position: relative;
    z-index: 1;
    height: 0.7rem;
}

.head-tab:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px solid #C8C8C8;
    border-radius: 0.2rem;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: -1;
}

.head span {
    /*position: absolute;bottom:-0.18rem;background: rgba(250, 250, 250, 0.32);height: 0.84rem;*/
    font-size: 0.3rem;
    color: #222;
    line-height: 0.7rem;
    position: relative;
}

.head span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    border-left: 1px solid #C8C8C8;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.head span.cur {
    color: #fff;
    /*color:#2043AF;font-size:0.36rem;bottom:-0.06rem;line-height: 0.84rem;*/
    background: #286DF7;
}

.head span:first-child {
    border-radius: 0.1rem 0 0 0.1rem;
}

.head span:last-child {
    border-radius: 0 0.1rem 0.1rem 0;
}

.head span:first-child:after {
    content: none;
}

.main {
    padding-top: 1.14rem;
    padding-bottom: 0.5rem;
}

.mod {
    background: #fff;
    margin-bottom: 0.12rem;
    font-size: 0.26rem;
    color: #333;
}

.tipslink a {
    color: #333;
    display: block;
    position: relative;
    line-height: 0.7rem;
    padding: 0 0.5rem 0 0.3rem;
}

.tipslink a:after,.mod_list li >a:after {
    content: '';
    position: absolute;
    right: 0.24rem;
    top: 50%;
    width: 0.12rem;
    height: 0.12rem;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -0.08rem;
}

.content_nav {
    background: #fff;
    padding: 0.2rem 0.4rem;
}

.content_nav > div {
    /*margin: auto;height: 0.7rem;border-radius: 0.08rem;*/
    overflow: hidden;
}

.content_nav > div >span {
    float: left;
    text-align: center;
    font-size: 0.3rem;
    color: #333;
    line-height: 0.8rem;
    position: relative;
    z-index: 1;
}

/* .content_nav > div.nav3{width: 80%;}
.content_nav > div.nav2{width: 50%;} */
.nav3 span {
    width: 33%;
}

.nav2 span {
    width: 50%;
}

.nav3 span:nth-of-type(2) {
    width: 34%;
}

/* .content_nav > div >span:after{content:'';position: absolute;left: 0;width: 200%;height: 200%;top:0;border:1px solid #999;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;box-sizing: border-box;z-index: -1;} */
.content_nav > div >span.cur {
    font-size: 0.36rem;
    font-weight: bold;
}

.content_nav > div >span.cur:after {
    content: '';
    position: absolute;
    width: 0.32rem;
    height: 0.06rem;
    left: 50%;
    bottom: 0;
    margin-left: -0.16rem;
    background: #222;
    border-radius: 0.06rem;
}

/* .content_nav > div >span:nth-of-type(1):after{border-radius: 0.16rem 0 0 0.16rem;border-right-width: 0;}
.content_nav > div >span:nth-last-of-type(1):after{border-radius: 0 0.16rem 0.16rem 0;border-left-width: 0;}
.content_nav > div.nav2 >span:nth-last-of-type(1):after{border-left-width: 1px;} */
.mod_tit {
    line-height: 1rem;
    padding: 0 0.3rem;
    position: relative;
    z-index: 1;
    font-size: 0.34rem;
}

.mod_tit span {
    margin-right: 0.1rem;
}

.mod_list {
}

.mod_list li {
    position: relative;
    z-index: 1;
}

.mod_list li:last-child:after {
    content: none;
}

.mod_list li >a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0.34rem 0.3rem;
    color: #333;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mod_list li .right {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1.4rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-justify-content:center;-ms-flex-pack:center;justify-content:center */
;}

.apply-btn-s {
    display: block;
    width: 1.14rem;
    line-height: 0.46rem;
    height: 0.46rem;
    font-size: 0.26rem;
    color: #286DF7;
    text-align: center;
    position: relative;
}

.apply-btn-s:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #286DF7;
    border-radius: 1rem;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    box-sizing: border-box;
}

.mod_list li >a small {
    color: #999;
    display: block;
    margin-top: 0.12rem;
}

.mod_list li >a small i {
    margin-right: 0.08rem;
}

/* .mod_list li >a div{display: table-cell;vertical-align: middle;} */
.mod_list li >a div:nth-of-type(1) {
    font-size: 0.34rem;
    width: 40%;
}

.mod_list li >a div:nth-of-type(2) {
    width: 25%;
    text-align: center;
}

.mod_list li >a div:nth-of-type(3) {
    width: 35%;
    text-align: right;
}

.mod_list li >a div:nth-of-type(1) small {
    font-size: 0.24rem;
}

.mod_list li >a div:nth-of-type(2),.mod_list li a div:nth-of-type(3) {
    font-size: 0.32rem;
    text-align: center;
}

.mod_list li >a div:nth-of-type(2) small,.mod_list li a div:nth-of-type(3) small {
    font-size: 0.22rem;
}

.mod_list li >a:after {
    width: 0.12rem;
    height: 0.12rem;
    border-bottom-color: #999;
    border-right-color: #999;
}

.mod_list_xg li >a:after {
    content: none;
}

.apply {
    padding: 0.14rem 0 0.3rem;
}

.apply-btn {
    display: block;
    width: 54%;
    text-align: center;
    line-height: 0.9rem;
    color: #fff;
    font-size: 0.34rem;
    border-radius: 0.1rem;
    /*background:-webkit-linear-gradient(left, #72a3e4 0%, #3e6ac5 100%) no-repeat 0 0;*/
    margin: 0 auto;
    background: #286DF7;
}

.mod2 {
    padding-top: 0.3rem;
}

.mod_th {
    background: #f6f6f9;
    line-height: 0.7rem;
    height: 0.7rem;
    font-size: 0.26rem;
    color: #888;
    margin: 0 0.1rem 0.1rem;
}

.mod_th span {
    float: left;
    box-sizing: border-box;
}

.mod2 .mod_th span:nth-of-type(1),.list_col4 li a div:nth-of-type(1) {
    width: 32%;
    padding-left: 0.2rem;
}

.mod2 .mod_th span:nth-of-type(2),.mod2 .mod_th span:nth-of-type(3),.list_col4 li a div:nth-of-type(2),.list_col4 li a div:nth-of-type(3) {
    width: 22%;
    text-align: center;
}

.mod2 .mod_th span:nth-of-type(4),.list_col4 li a div:nth-of-type(4) {
    text-align: center;
    width: 24%;
}

.list_col4 li a div:nth-of-type(4) {
    font-size: 0.32rem;
}

.list_col4 li a {
    padding: 0.34rem 0.1rem;
}

/* 新债 */
.main2 .mod_tit {
    background: #fafafc;
    font-size: 0.3rem;
    line-height: 0.8rem;
}

.main2 .mod_tit:after {
    content: none;
}

.tag {
    position: absolute;
    right: 0;
    top: 50%;
    width: 1.28rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    border-radius: 1.0rem 0 0 1.0rem;
    margin-top: -0.2rem;
}

.tag.tag_org {
    background-image: linear-gradient(90deg,#F28248 15%,#E16868 85%);
    background-image: -webkit-linear-gradient(left,#F28248 15%,#E16868 85%);
    text-shadow: 0 2px 6px rgba(133,0,0,0.50);
}

.tag.tag_blue {
    background-image: linear-gradient(90deg,#72A3E4 8%,#3E6AC5 82%);
    background-image: -webkit-linear-gradient(left,#72A3E4 8%,#3E6AC5 82%);
    text-shadow: 0 2px 4px #1948A8;
}

.tag.tag_gray {
    background-image: linear-gradient(90deg, #C7C7C7 0%,#A6A6A6 67%);
    background-image: -webkit-linear-gradient(left, #C7C7C7 0%,#A6A6A6 67%);
    text-shadow: 0 1px 8px rgba(0,0,0,0.50);
}

.mod_list_th {
    height: 0.64rem;
}

.mod_list_th span {
    float: left;
    line-height: 0.64rem;
    font-size: 0.26rem;
    color: #999;
    box-sizing: border-box;
}

.main2 .content:nth-of-type(1) .mod_list li a {
    padding: 0.34rem 0;
}

.mod_list_th span:nth-of-type(1),.main2 .content:nth-of-type(1) .mod_list li a div:nth-of-type(1) {
    width: 28%;
    padding-left: 0.3rem;
}

.mod_list_th span:nth-of-type(2) {
    width: 22%;
    text-align: center;
}

.main2 .content:nth-of-type(1) .mod_list li a div:nth-of-type(2) {
    width: 22%;
    text-align: left;
    padding-left: 0.38rem;
    color: #666;
    font-size: 0.26rem;
}

.mod_list_th span:nth-of-type(3),.main2 .content:nth-of-type(1) .mod_list li a div:nth-of-type(3) {
    width: 25%;
    text-align: center;
}

.mod_list_th span:nth-of-type(4),.main2 .content:nth-of-type(1) .mod_list li a div:nth-of-type(4) {
    width: 25%;
    text-align: center;
}

.blank {
    background: #fff;
    font-size: 0.3rem;
    color: #898e99;
    text-align: center;
    position: absolute;
    bottom: 0;
    top: 3.72rem;
    left: 0;
    right: 0;
    z-index: 3;
}

.blank p {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
}

.main1 .blank {
    background: #fff;
    font-size: 0.3rem;
    color: #898e99;
    text-align: center;
    position: absolute;
    bottom: 0;
    top: 3.8rem;
    left: 0;
    right: 0;
    z-index: 3;
}

.tag-kc {
    display: inline-block;
    font-size: 0.18rem;
    color: #FF4F4F;
    padding: 0.04rem 0.04rem;
    position: relative;
    margin-left: 0.08rem;
    vertical-align: 0.04rem;
}

.tag-kc:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    border: 1px solid #FF4F4F;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    box-sizing: border-box;
}

.notice {
    font-size: 0.26rem;
    background: #ECF0FB;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 10;
}

.notice a {
    display: block;
    color: #286DF7;
    line-height: 0.64rem;
    padding: 0 0.2rem;
}

.notice a:after {
    border-bottom: 1px solid #286DF7;
    border-right: 1px solid #286DF7;
}

.app-link {
    width: 5.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #fefefe;
    font-size: 0.32rem;
    text-indent: 1.1rem;
    position: fixed;
    bottom: 0.6rem;
    left: 50%;
    margin-left: -2.9rem;
    background: #5784ee;
    border-radius: 0.4rem;
    box-shadow: 0 0.05rem 0.1rem rgba(74,106,191,0.55);
    display: block;
    z-index: 99;
}

.app-link:before {
    content: '';
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAsCAYAAAAn4+taAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkYmE3ODEyMy02YjllLTRlMDYtYmVhOC01NDZkOTQ5OGFkZTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVCMEY1RERDQzNBMTFFNzlDN0I5M0M0MkQ2REE0RTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkVCMEY1RENDQzNBMTFFNzlDN0I5M0M0MkQ2REE0RTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplMGMxY2MzNC00MTAwLTQ0NWItODlkZi01YTI3ZTlkZGFlYzQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0ZmMwMzVkMC0xNDczLTExN2ItYmJi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) no-repeat;
    background-size: 0.5rem auto;
    width: 0.52rem;
    height: 0.46rem;
    position: absolute;
    left: 0.54rem;
    top: 0.14rem;
}

/* IPO */
.main3 .tipsimg {
    width: 100%;
    padding: 0.24rem;
    box-sizing: border-box;
    margin-bottom: .16rem;
}

.main3 .tipsimg .process {
    width: 100%;
    background-color: #FAFAFA;
    border-radius: 0.32rem;
    padding: 0.24rem 0.32rem;
    box-sizing: border-box;
    text-align: center;
}

.main3 .tipsimg .process p {
    font-size: 0.44rem;
    font-weight: normal;
    color: #555555;
    margin-bottom: .4rem;
}

.main3 .tipsimg .process img {
    display: block;
    width: 6.36rem;
    height: 1.28rem;
    margin: 0 auto;
    margin-bottom: .28rem;
}

.main3 .tipsimg .process span {
    display: inline-block;
    width: 100%;
    padding-left: .28rem;
    box-sizing: border-box;
    text-align: left;
    font-size: .24rem;
    color: #999999;
    line-height: .32rem;
    position: relative;
}

.main3 .tipsimg .process span:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/light.png') no-repeat 0 0;
    background-size: cover;
    width: .24rem;
    height: 0.24rem;
}

.main3 .lab_box {
    box-sizing: border-box;
    padding: .24rem 0 .24rem 0.46rem;
    margin-bottom: .16rem;
}

.main3 .lab_box span:first-child {
    font-size: .32rem;
    color: #333333;
    margin-right: .1rem;
    position: relative;
}

.main3 .lab_box span:first-child::before {
    content: " ";
    position: absolute;
    top: 0;
    left: -0.24rem;
    width: .08rem;
    height: .36rem;
    background-color: #286DF7;
}

.main3 .lab_box .lab_text {
    font-size: .28rem;
    color: #999999;
}

.chart_box {
    width: 100%;
    height: 4.22rem;
    padding-right: .24rem;
    box-sizing: border-box;
}

.table_box {
    width: 100%;
    padding: .32rem .24rem;
    box-sizing: border-box;
}

.table_box .table_content {
    background: #F8F8F9;
    border-radius: 0px 0px .04rem .04rem;
    position: relative;
    text-align: center;
}

.table-l {
    width: 20%;
}

.table-r {
    margin-left: 20%;
    overflow: hidden;
    overflow-x: auto;
}

.table-r-wrap {
    width: 5.6rem;
}

.table-scroll table tr:nth-child(odd) {
    background: #F4F5F9;
}

; .table-scroll table tr:nth-child(even) {
      background: #FCFDFF;
  }

.table-scroll table th {
    color: #666666;
    font-size: .24rem;
    height: .9rem;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
}

.table-scroll table td {
    height: .88rem;
    vertical-align: middle;
    font-size: 0.3rem;
    color: #333333;
    font-size: .28rem;
}

.nav_box {
    width: 100%;
    padding: 0 .24rem;
    overflow-y: auto;
    box-sizing: border-box;
}

.nav_box::-webkit-scrollbar {
    display: none
}

.nav_box ul {
    width: 7.9rem;
    height: .52rem;
    text-align: center;
    line-height: .52rem;
    font-size: .24rem;
    color: #666666;
}

.nav_box ul li {
    float: left;
    width: 1.44rem;
    height: .52rem;
    border-radius: .52rem;
    background: #F1F1F1;
    margin-right: .16rem;
}

.nav_box ul li:last-child {
    margin: 0;
}

.nav_box .cur {
    background: #286DF7;
    color: #FFFFFF;
}

.nav_lang {
    width: 100%;
    margin-top: .32rem;
    /*height: .52rem*/
;padding: 0 .24rem;
    overflow-y: auto;
    box-sizing: border-box;
}

.nav_lang::-webkit-scrollbar {
    display: none
}

.nav_lang ul {
    /*width: max-content;*/
    height: .53rem;
    text-align: center;
    line-height: .52rem;
    font-size: .24rem;
    color: #666666;
}

.nav_lang ul li {
    float: left;
    padding: 0 .24rem;
    height: .52rem;
    border-radius: .52rem;
    margin-right: .16rem;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
}

.nav_lang ul li span {
    margin-left: .08rem;
}

.nav_lang ul li:last-child {
    margin: 0;
}

.nav_lang .cur {
    border: 1px solid #3B85FE;
    color: #3B85FE;
}

.lang_table .table-l {
    width: 2.6rem;
}

.lang_table .table-r {
    margin-left: 2.6rem;
}

.lang_table .table-r-wrap {
    width: 17rem;
}

.lang_table table th {
    height: .96rem;
}

.lang_table table td {
    font-size: .28rem;
    height: 1.84rem;
    padding: 0 .12rem;
    box-sizing: border-box;
    max-width: 1.6rem;
}

.lang_table table td a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.lang_table table td a::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: url('../images/pdf.png') no-repeat 0 0;
    background-size: cover;
    width: .48rem;
    height: .6rem;
}

.lang_table table tr:nth-child(odd) {
    background: #F2F3F7;
}

; .lang_table table tr:nth-child(even) {
      background: #FCFCFF;
  }

.lang_table {
    padding: .32rem 0 0 .24rem;
    box-sizing: border-box;
}

.table-scroll .jianCur {
    position: relative;
    color: #286DF7;
}

.table-scroll .jianCur::after {
    content: " ";
    display: inline-block;
    background: url('../images/jian.png') no-repeat 0 0;
    background-size: cover;
    width: .12rem;
    height: .2rem;
    margin-left: .12rem;
}

.table-scroll .jianCur.up::after {
    content: " ";
    display: inline-block;
    background: url('../images/jian.png') no-repeat 0 0;
    background-size: cover;
    width: .12rem;
    height: .2rem;
    margin-left: .12rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.more_box {
    width: 100%;
    text-align: center;
    padding: .16rem 0;
    font-size: .28rem;
    color: #999999;
}

.more_box span {
    position: relative;
}

.more_box span::after {
    content: " ";
    position: absolute;
    right: -0.25rem;
    top: 50%;
    width: 0.12rem;
    height: 0.12rem;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -0.1rem;
}

.lang_table_dt .table-l {
    width: 2.8rem;
}

.lang_table_dt .table-r {
    margin-left: 2.8rem;
}

.lang_table_dt .table-r-wrap {
    width: 18rem;
}

[v-cloak] {
    display: none;
}

.linkAccount {
    margin-top: 0.12rem;
    padding: 0.24rem 0.32rem;
}

.linkAccount-l strong {
    display: block;
    font-size: 0.32rem;
    color: #222;
    font-weight: 500;
    padding-left: 0.48rem;
    position: relative;
    line-height: 0.44rem;
}

.linkAccount-l strong a {
    display: inline-block;
    padding: 0 0.52rem 0 0.2rem;
    background: #F2F3F5;
    line-height: 0.42rem;
    margin-left: 0.2rem;
    color: #4E5969;
    border-radius: 1rem;
    font-size: 0.24rem;
    font-weight: normal;
    vertical-align: 1px;
    position: relative;
}

.linkAccount-l strong:before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 0.4rem;
    height: 0.4rem;
    background: url('../images/icon-kline.png') no-repeat 0 0;
    background-size: 100% auto;
}

.linkAccount-l strong a:after {
    content: '';
    position: absolute;
    right: 0.26rem;
    top: 0.15rem;
    width: 0.1rem;
    height: 0.1rem;
    border-bottom: 1px solid #4E5969;
    border-right: 1px solid #4E5969;
    transform: rotate(-45deg);
}

.linkAccount-l p {
    font-size: 0.28rem;
    color: #4E5969;
    margin-top: 0.16rem;
}

.linkAccount-l p .ft-r {
    color: #C62329;
}

.linkAccount-r {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 1rem;
    background: #286DF7;
    border-radius: 0.08rem;
    color: #fff;
    text-align: center;
    line-height: 0.34rem;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    align-items: center;
    justify-content: center;
    margin-left: 0.2rem;
}

.linkAccount-ft {
    position: fixed;
    z-index: 10;
    left: 0.24rem;
    bottom: 2rem;
    right: 0.24rem;
    background: rgba(0,0,0,0.6);
    padding: 0.16rem 0.32rem;
    color: #fff;
    line-height: 0.5rem;
    font-size: 0.28rem;
    border-radius: 0.16rem;
    animation: fadeIn linear .3s forwards;
    transform: translate(0,100%);
    -webkit-animation: fadeIn linear .3s forwards;
    -webkit-transform: translate(0,100%);
    opacity: 0;
}

.linkAccount-ft a {
    display: block;
    width: 1.12rem;
    background: #286DF7;
    border-radius: 0.08rem;
    color: #fff;
    text-align: center;
    font-size: 0.24rem;
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: translate(0,50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0,0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        transform: translate(0,50%);
        opacity: 0;
    }

    100% {
        transform: translate(0,0);
        opacity: 1;
    }
}
