

.sell-area .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #eaeff4
}

.sell-area .item .label {
    width: 12%;
    padding-top: 30px;
    font-size: 16px;
    text-align: center;
    flex-shrink: 0
}

.sell-area .item .label i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 4px;
    background: url("../img/sprite_icon.png") no-repeat
}

.sell-area .item .label .s1 {
    background-position: -186px 0
}

.sell-area .item .label .s2 {
    background-position: -209px 1px
}

.sell-area .item .label .s3 {
    background-position: -231px 0
}

.sell-area .item .label .s4 {
    background-position: -253px 0
}

.sell-area .item .label .s5 {
    background-position: -275px 0
}

.sell-area .item .label .s6 {
    background-position: -308px -114px
}

.sell-area .item .label .s7 {
    background: url("../img/store_icon.png") center no-repeat;
    background-size: cover
}

.sell-area .options {
    flex-grow: 1;
    flex-shrink: 1
}

.sell-area .type li {
    width: 16.66%;
    height: 80px;
    float: left;
    /*overflow: hidden;*/
    text-align: center;
    position: relative
}

.sell-area .type li a {
    display: block;
    width: 95%;
    height: 100%;
    border-radius: 10px;
    line-height: 80px;
    color: #fff;
    font-size: 16px
}

.sell-area .type li:nth-last-child(1) {
    margin-right: 0
}

.sell-area .type li .sel {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 5%;
    background: url("../img/sprite_icon.png") -999px -999px no-repeat
}

.sell-area .type li:hover {
    opacity: .9
}

.sell-area .type li:hover .sel,.sell-area .type li.cur .sel {
    background-position: -181px -53px
}

.sell-area .type li.t1 a {
    background-color: #fd804d
}

.sell-area .type li.t2 a {
    background-color: #4bb2fa
}

.sell-area .type li.t3 a {
    background-color: #40de97
}

.sell-area .type li.t4 a {
    background-color: #2bf1f4
}

.sell-area .type li.t5 a {
    background-color: #fdc830
}

.sell-area .type li.t6 a {
    background-color: #d596fe
}

.sell-area .type li.t6 {
    overflow: initial
}

.sell-area .type li.t6 i.gqhd {
    display: block;
    width: 100px;
    height: 28px;
    position: absolute;
    top: -9px;
    left: -3px;
    background: url("https://web-resource.70ka.com/resource/gqhot.png") center no-repeat;
    background-size: cover
}

.sell-area .type li i.icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 5px;
    vertical-align: middle;
    background: url("../img/sprite_icategory.png") -999px -999px no-repeat
}

.sell-area .type li i.cost {
    background-position: 1px -3px
}

.sell-area .type li i.game {
    background-position: -4px -47px
}

.sell-area .type li i.fuel {
    background-position: -3px -88px
}

.sell-area .type li i.ecshop {
    background-position: -1px -175px
}

.sell-area .type li i.food {
    background-position: -3px -132px
}

.sell-area .type li i.video {
    background-position: -3px -212px
}

.sell-area .type li:hover i.cost {
    background-position: -44px -3px
}

.sell-area .type li:hover i.game {
    background-position: -49px -47px
}

.sell-area .type li:hover i.fuel {
    background-position: -48px -88px
}

.sell-area .type li:hover i.ecshop {
    background-position: -46px -175px
}

.sell-area .type li:hover i.food {
    background-position: -48px -132px
}

.sell-area .type li:hover i.video {
    background-position: -48px -212px
}

.sell-area .category li {
    width: 16.66%;
    height: 80px;
    float: left;
    margin-bottom: 15px;
    position: relative
}

.sell-area .category li a {
    display: block;
    width: 95%;
    height: 100%;
    border: 2px solid #dfe5f0;
    background: #f8fafc;
    text-align: center;
    color: #8e98a8;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px
}

.sell-area .category li.cur a.whbg {
    background: #bdbdbd
}

.sell-area .category li img {
    display: block;
    height: 32px;
    max-width: 90%;
    margin: 10px auto 0 auto
}

.sell-area .category li .name {
    display: block;
    margin: 0 auto;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px
}

.sell-area .category li .sel {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 2.5%;
    right: 5.75%;
    background: url("../img/sprite_icon.png") -999px -999px no-repeat
}

.sell-area .category li .act {
    width: 93px;
    height: 22px;
    position: absolute;
    top: -7px;
    right: 0;
    background: url("../img/acting_icon.png") center 100%/100% no-repeat
}

.sell-area .category li .dis {
    display: none;
    position: absolute;
    left: 2px;
    top: 2px;
    padding: 0 2px;
    line-height: 18px;
    background: #399eff;
    color: #fff;
    font-size: 12px;
    border-radius: 0 0 6px 0
}

.sell-area .category li .wh {
    position: absolute;
    right: 5.75%;
    top: 2.5%;
    padding: 0 2%;
    line-height: 1.3;
    background: #ffe8a1;
    color: #f40;
    border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0
}

.sell-area .category li:hover a,.sell-area .category li.cur a {
    border-color: #399eff;
    background: #fff;
    transition: .3s
}

.sell-area .category li:hover a.whbg {
    background: #bdbdbd
}

.sell-area .category li:hover .sel,.sell-area .category li.cur .sel {
    background-position: -146px -52px
}

.sell-area .category li:hover .dis,.sell-area .category li.cur .dis {
    display: block
}

.sell-area .faces li {
    width: 19.2%;
    height: 80px;
    background: #fff;
    overflow: hidden;
    float: left;
    position: relative;
    text-align: center;
    border: 2px solid #dfe5f0;
    border-radius: 6px;
    margin: 0 0.8% 0.8% 0;
    box-sizing: border-box
}

.sell-area .faces li.whbg {
    background: #bdbdbd
}

.sell-area .faces li .wh {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 2%;
    line-height: 1.3;
    background: #ffe8a1;
    color: #f40;
    border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0
}

.sell-area .faces li .value {
    display: block;
    margin: 8px 0 5px 0;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    line-height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sell-area .faces li .sel {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/sprite_icon.png") -999px -999px no-repeat
}

.sell-area .faces li:hover,.sell-area .faces li.cur {
    border-color: #399eff;
    background: #fff;
    cursor: pointer
}

.sell-area .faces li:hover .sel,.sell-area .faces li.cur .sel {
    background-position: -146px -52px
}

.sell-area .faces li.whbg:hover {
    background: #bdbdbd;
    cursor: not-allowed
}

.sell-area .category a.card-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 20px;
    background: #FFA837;
    background: linear-gradient(to right,#FFC551,#FFA837);
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 56px;
    border-radius: 30px
}

.sell-area .category li .tj-btn {
    display: block;
    font-size: 18px;
    line-height: 50px
}

.sell-area .category li .tj-btn i {
    display: inline-block;
    width: 33px;
    height: 26px;
    vertical-align: middle;
    margin-right: 8px;
    background: url("../img/sprite_icon.png") no-repeat;
    transition: .3s
}

.sell-area .category li .tj-btn .group {
    background-position: -102px -53px
}

.sell-area .category li .tj-btn .single {
    background-position: -64px -53px
}

.sell-area .category li .tj-btn .scode {
    background-position: -65px -111px
}

.sell-area .stores {
    border: 2px solid #dfe5f0;
    padding: 1px;
    border-radius: 6px
}

.sell-area .stores td {
    border-bottom: 2px solid #dfe5f0;
    border-right: 2px solid #dfe5f0;
    padding: 12px;
    text-align: center
}

.sell-area .stores tr:nth-last-child(1) td {
    border-bottom-color: transparent
}

.sell-area .stores tr td:nth-child(1) {
    background: #f8fafc
}

.sell-area .stores tr td:nth-last-child(1) {
    border-right-color: transparent
}

.sell-area .stores i.ques {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    border-radius: 9px;
    line-height: 18px;
    text-align: center;
    background: #9DA4AC;
    color: #fff
}

.sell-area .stores i.ques:hover {
    background: #399EFF
}

.storetips {
    max-width: 365px;
    box-sizing: border-box;
    position: absolute;
    background: #399EFF;
    color: #fff;
    padding: 8px;
    border-radius: 10px;
    transform: translate3d(-48%, -50px, 0)
}

.storetips:after {
    content: "";
    display: block;
    border: 6px solid transparent;
    border-top-color: #399EFF;
    position: absolute;
    left: 49%;
    bottom: -10px
}

#subtype li {
    height: 56px
}

.sell-area .category li:hover .group,.sell-area .category li.cur .group {
    background-position: -102px -80px
}

.sell-area .category li:hover .single,.sell-area .category li.cur .single {
    background-position: -64px -80px
}

.sell-area .category li:hover .scode,.sell-area .category li.cur .scode {
    background-position: -65px -138px
}

.sell-area .text-area {
    background: #fff;
    margin: 1% 0;
    padding: 1px;
    border: 1px solid #ddd;
    border-radius: 10px
}

.sell-area .text-area textarea {
    width: 63%;
    height: 312px;
    line-height: 35px;
    padding: 0 1%;
    border: 0;
    font-size: 16px;
    resize: none;
    vertical-align: top;
    background: url("../img/textarea_bg.png") repeat;
    border-radius: 10px
}

.sell-area .text-area .tips-area {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 35%;
    height: 312px;
    overflow: hidden;
    pointer-events: none;
    background: #f6fafe;
    border-radius: 0 10px 10px 0;
    text-align: center;
    color: #8e98a8
}

.sell-area .text-area .tips-warn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 110px 15px 0 15px;
    z-index: 3;
    background: url("../img/light-tips.png") center 24px no-repeat
}

.self-rate {
    padding-bottom: 24px
}

.self-rate .input-wrap {
    display: inline-block;
    width: 166px;
    overflow: hidden;
    vertical-align: middle
}

.self-rate .input-wrap2 {
    display: inline-block;
    vertical-align: middle
}

.self-rate input {
    vertical-align: middle;
    font-size: 32px;
    font-family: "Microsoft Yahei";
    color: #329afa;
    letter-spacing: 20px
}

.self-rate .input-wrap2 input {
    font-size: 24px;
    letter-spacing: 4px;
    padding: 5px 10px;
    border: 2px solid #ddd;
    border-radius: 6px
}

.self-rate .dot {
    position: absolute;
    left: 63px;
    top: 14px;
    color: #329afa;
    font-size: 32px
}

.self-rate .changerate {
    padding: 4px 18px;
    color: #FFF;
    background: linear-gradient(180deg, #FFA100 0%, #FF5722 100%);
    border-radius: 4px
}

.self-rate .btmline {
    width: 142px;
    height: 4px;
    position: absolute;
    left: -4px;
    top: 40px;
    background: linear-gradient(90deg,#329afa 0%,#329afa 28px,transparent 28px,transparent 38px,#329afa 38px,#329afa 66px,transparent 66px,transparent 78px,#329afa 78px,#329afa 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val1 {
    background: linear-gradient(90deg,transparent 0,transparent 38px,#329afa 38px,#329afa 66px,transparent 66px,transparent 78px,#329afa 78px,#329afa 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val2 {
    background: linear-gradient(90deg,transparent 0,transparent 68px,transparent 78px,#329afa 78px,#329afa 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val3 {
    background: linear-gradient(90deg,transparent 106px,transparent 106px,transparent 116px,#329afa 116px,#329afa 144px)
}

.self-rate .btmline.val4 {
    background: none
}

.self-rate .fprice {
    position: absolute;
    left: 4px;
    bottom: 0;
    line-height: 1
}

.self-rate .tip {
    vertical-align: middle;
    margin-left: 10px;
    padding: 2px 5px;
    border: 1px solid #f96868;
    color: #f96868;
    background: #fee;
    border-radius: 4px
}

.input-area .input {
    width: 420px;
    height: 40px;
    padding: 0 10px;
    background: rgba(248,250,255,1);
    border: 2px solid rgba(223,229,240,1);
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.input-area .input:focus {
    box-shadow: 0 0 4px 2px #399EFF
}

.upload-area li {
    float: left;
    margin: 0 12px 12px 0;
    position: relative;
    border: 1px solid #e4ecfa;
    border-radius: 6px
}

.upload-area li.imgitem {
    width: 120px;
    height: 120px;
    overflow: hidden
}

.upload-area li.imgitem img {
    width: 100%;
    height: 100%
}

.upload-area li.imgitem .del {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    line-height: 0;
    padding: 8px 5px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    display: none
}

.upload-area li.imgitem:hover .del {
    display: block
}

.upload-area .uploadbtn {
    width: 120px;
    height: 120px;
    background: #f8fafc;
    text-align: center;
    margin-right: 0;
    transition: .3s
}

.upload-area .uploadbtn:hover {
    border-color: #f97373
}

.upload-area .uploadbtn:hover i {
    background: #f97373
}

.upload-area .uploadbtn:hover span {
    color: #f97373
}

.upload-area .uploadbtn i {
    display: block;
    width: 20px;
    height: 20px;
    margin: 30px auto 10px auto;
    font-size: 20px;
    color: #fff;
    background: #399eff;
    border-radius: 50%;
    padding: 6px
}

.upload-area .notloginmask,.upload-area .uploadfile {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

/*数据看板*/
.market-data {
    display: flex;
    align-items: stretch
}

.market-data .itemdata {
    margin: .6%;
    flex: 1 1 32%;
    padding: 15px 10px;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #DFE5F0;
    background-color: #fff;
    box-shadow: 0 2px 10px 1px rgba(56,158,255,0.14);
    border-radius: 12px
}

.market-data .itemdata>.title {
    font-size: 16px;
    margin-bottom: 2%
}

.market-data .itemdata>.title em {
    display: inline-block;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    vertical-align: 1px;
    font-size: 12px;
    border: 1px solid #999;
    color: #999;
    text-align: center;
    line-height: 16px;
    border-radius: 10px;
    cursor: pointer
}

.market-data .itemdata>.title i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-right: 4px
}

.market-data .itemdata>.title i.icon1 {
    background: url("../img/market_icon1.png") center;
    background-size: cover
}

.market-data .itemdata>.title i.icon2 {
    background: url("../img/market_icon2.png") center;
    background-size: cover
}

.market-data .itemdata>.title i.icon3 {
    background: url("../img/market_icon3.png") center;
    background-size: cover
}

.market-data .thead,.market-data .tr {
    display: flex;
    align-items: center;
    border: 1px solid transparent
}

.market-data .thead>div,.market-data .tr>div {
    width: 30%;
    height: 36px;
    line-height: 36px;
    text-align: center
}

.market-data .thead>div:nth-child(2),.market-data .tr>div:nth-child(2) {
    width: 40%;
    white-space: nowrap
}

.market-data .thead {
    color: #333;
    font-weight: 500
}

.market-data .table1 .thead {
    background-color: #F8FAFD;
    border-radius: 2px
}

.market-data .table1 {
    height: 400px;
    position: relative
}

.market-data .table1 .tr>div:nth-child(1) {
    padding-left: 8px
}

.market-data .table1 .tbody {
    max-height: 300px;
    overflow: auto
}

.market-data .table1 .tbody::-webkit-scrollbar {
    width: 6px
}

.market-data .table1 .tbody::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 6px
}

.market-data .table1 .seller {
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 2px solid #f96868
}

.market-data .table1 .seller .tr:nth-child(odd) {
    background-color: #FBEFEF
}

.market-data .table1 .seller .tr>div:not(:last-child) {
    color: #CC3D3D
}

.market-data .table1 .buyer .tr:nth-child(odd) {
    background-color: #EFFBF7
}

.market-data .table1 .buyer .tr>div:not(:last-child) {
    color: #11AD7A
}

.market-data .table1 .selltop,.market-data .table1 .buytop {
    border-left-width: 8px;
    border-left-style: solid;
    border-radius: 4px 0 0 4px;
    border-left-color: #FF6161
}

.market-data .table1 .buytop {
    border-left-color: #11AD7A
}

.market-data .table1 .more {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.market-data .table1 .more span {
    cursor: pointer
}

.market-data .table1 .more i {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    border: 2px solid transparent;
    border-right-color: #666;
    border-bottom-color: #666;
    transform: rotateZ(45deg) translateX(-3px);
    transition: transform .3s
}

.market-data .table1 .more i.up {
    transform: rotateZ(-135deg) translate3d(-3px,-3px,0)
}

.market-data .table2 .tbody {
    max-height: 352px;
    overflow: auto
}

.market-data .table2 .tbody::-webkit-scrollbar {
    width: 6px
}

.market-data .table2 .tbody::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 6px
}

.market-data .table2 .thead {
    background-color: #ECF3FF;
    border-radius: 2px
}

.market-data .table2 .tr:nth-child(even) {
    background-color: #F8FAFD
}

.market-data .itemdata .timerange {
    position: absolute;
    right: 0;
    bottom: -48px;
    color: #999;
    font-size: 12px
}

.market-data .zs-tab {
    display: inline-block;
    border: 1px solid #488EFF;
    border-radius: 8px;
    color: #488EFF
}

.market-data .zs-tab span {
    display: inline-block;
    width: 120px;
    padding: 8px 0;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.market-data .zs-tab span.cur {
    background-color: #488EFF;
    color: #fff;
    border-radius: 6px
}

.market-data .echarts-zs .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    vertical-align: middle;
    background-color: #3DD5B0;
    margin-right: 5px
}

.market-tip-layout {
    width: 300px;
    position: absolute;
    padding: 15px 10px;
    color: #fff;
    background: rgba(0, 0, 0, .75);
    border-radius: 10px
}

.market-tip-layout:before {
    display: block;
    content: "";
    border: 6px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .75);
    position: absolute;
    top: -11px;
    left: 15px
}

/*提示、提交按钮*/
.remindstr {
    padding-left: 12%
}

/*.sell-area .checkbox {
    width: 18px;
    height: 18px;
    vertical-align: -4px
}*/

.sell-area .sub-btn {
    padding: 0 30px
}

.sell-area .sub-btn.disabled {
    background: #ddd
}

.lowdistips {
    padding: 5px 10px;
    background: #eef8d9;
    color: #458b00;
    border: 1px solid #458b00;
    border-radius: 6px
}

/*loading等待*/
#loadingdiv {
    padding: 80px 0
}

.loading-wrap {
    width: 420px;
    height: 255px;
    margin: 0 auto;
    text-align: center;
    border: 2px solid rgba(234,239,244,1);
    box-shadow: 0 0 10px 0 rgba(0,33,71,0.1);
    border-radius: 10px;
    color: #666
}

.loading-wrap .loadimg {
    width: 129px;
    height: 41px;
    margin: 30px auto 0 auto;
    background: url("../img/logo.png") no-repeat;
    background-size: 100%
}

.loading-wrap p:nth-child(1) {
    margin-top: 60px
}

.loading-wrap h5 {
    font: bold 22px/220% "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400
}

.loading-wrap .refresh {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-top: 15px;
    padding: 0 16px;
    border: 2px solid #eaeff4;
    border-radius: 20px
}

.loading-wrap .refresh:hover {
    border-color: #5baefe;
    color: #5baefe
}

/*下架唐僧图*/
.data-disabled {
    width: 660px;
    height: 260px;
    margin: 5% auto;
    text-indent: 240px;
    background: url("../img/card_disabled.png") 30px center no-repeat;
    border: 2px solid rgba(234,239,244,1);
    box-shadow: 0 0 10px 0 rgba(0,33,71,0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.data-disabled p:nth-child(1) {
    margin-top: 80px
}

.data-disabled .title {
    font: bold 24px/220% "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif
}

/*提交前确认弹窗*/
.submitsure .cardtype {
    text-align: center;
    font-size: 16px;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #eee
}

.submitsure .infos {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.submitsure .infos>div {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee
}

.submitsure .infos .label {
    width: 50%;
    text-align: right
}

.submitsure .infos .values {
    flex-grow: 1;
    flex-shrink: 2
}

/*提交成功带预估结算时间*/
.sub-success-layout .table {
    border: 1px solid #dedede;
    background-color: #fafafa
}

.sub-success-layout .table span {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 0
}

.sub-success-layout .table span:nth-child(1) {
    border-right: 1px solid #dedede
}

.sub-success-layout .layui-layer-btn .layui-layer-btn1 {
    border-color: #1E9FFF;
    color: #1E9FFF
}

/*认证弹窗*/
.auth-layout .warning-title {
    font-size: 16px;
    color: #FF9F3E
}

.auth-layout .input {
    width: 48%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 8px
}

.auth-layout .codearea {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.auth-layout .codearea .descimg {
    flex-grow: 1;
    margin-right: 40px
}

.auth-layout .codearea .code {
    width: 245px;
    height: 217px;
    background: url("../img/authcode_bg.png") center no-repeat;
    background-size: cover
}

.auth-layout .codearea .codeimg {
    width: 175px;
    height: 175px;
    margin: 14px 0 0 40px
}

.auth-layout .sbtn {
    width: 64%;
    padding: 10px 50px;
    background: #139DF8;
    color: #fff;
    border-radius: 16px
}
