.common-transition-slide {
 will-change:transform;
 -webkit-transition:-webkit-transform .25s linear;
 transition:-webkit-transform .25s linear;
 transition:transform .25s linear;
 transition:transform .25s linear,-webkit-transform .25s linear;
 position:fixed;
 width:100%;
 z-index:20000;
 -webkit-transform:translateY(100%);
 transform:translateY(100%)
}
.common-transition-slide-bottom {
 left:0;
 bottom:0
}
.common-transition-slide-bottom-entered,
.common-transition-slide-bottom-entering {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.common-transition-slide-bottom-exited,
.common-transition-slide-bottom-exiting {
 -webkit-transform:translateY(100%);
 transform:translateY(100%)
}
.common-transition-fade {
 will-change:opaticy;
 -webkit-transition:opacity .3s linear;
 transition:opacity .3s linear
}
.common-transition-fade-entered,
.common-transition-fade-entering {
 opacity:1
}
.common-transition-fade-exited,
.common-transition-fade-exiting {
 opacity:0
}
.common-select-mask {
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:20000;
 background:rgba(14,18,27,.41)
}
.common-option-cont {
 overflow:auto;
 overflow-scrolling:touch;
 min-width: 115px;
 background:#fff;
}
.common-option-cont .common-head {
 padding:0 16px;
 line-height:48px;
 border-bottom:thin solid rgba(233,235,242,.65);
 font-size:16px;
 color:#1f2533;
 font-weight:600
}
.common-option-cont .common-cancel {
 float:right;
 font-size:14px;
 color:#2d60e0;
 font-weight:500;
 padding-left:20px
}
.common-option-pc {
 position:absolute;
 max-height:248px;
 border:1px solid #e9ebf2;
 border-radius:2px;
 -webkit-box-shadow:0 8px 12px 0 rgba(14,18,27,.06);
 box-shadow:0 8px 12px 0 rgba(14,18,27,.06);
 margin-top:4px;
 right:-1px;
 z-index:99;
}
.common-option-full {
 left:0;
 right:0
}


.common-select-value {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 line-height:20px;
 padding:13px 0
}
.common-select-value .value {
 margin-right:8px
}
.common-select-value .icon-up {
 margin-left:auto;
 font-size:12px;
 color:#7b8293;
 -webkit-transition:-webkit-transform .2s linear;
 transition:-webkit-transform .2s linear;
 transition:transform .2s linear;
 transition:transform .2s linear,-webkit-transform .2s linear
}
.common-select-value .icon-up-active {
 -webkit-transform:rotate(180deg);
 transform:rotate(180deg)
}
.common-select {
 padding:0 12px;
 -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
 box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
 border-radius:2px;
 border:thin solid #e9ebf2;
 cursor:pointer;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
.common-select-input {
 width:100%;
 max-width:100px;
 font-size:14px
}
.common-select-input::-webkit-input-placeholder {
 color:#d8dce6;
 font-size:14px
}
.common-select-input:-ms-input-placeholder {
 color:#d8dce6;
 font-size:14px
}
.common-select-input::-ms-input-placeholder {
 color:#d8dce6;
 font-size:14px
}
.common-select-input::placeholder {
 color:#d8dce6;
 font-size:14px
}

//*********************Buy sending***********************************//
.common-option-item-send {
 line-height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 16px;
 border-bottom:thin solid rgba(233,235,242,.65);
 padding:14px 0;
 font-size:14px;
 color:rgba(0,0,0,.85)
}
@media (min-width:768px) {
 .common-option-item-send {
  margin:0;
  padding:10px 16px;
  border-color:transparent
 }
}
@media (min-width:768px) {
 .common-option-item-send:hover {
  background:rgba(245,246,250,.5)
 }
}
.common-option-item-send .common-option-check {
 color:#2d60e0;
 font-size:16px;
 margin-left:auto;
 display:none;
}

//*********************Received***********************************//
.common-option-item-received {
 line-height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 16px;
 border-bottom:thin solid rgba(233,235,242,.65);
 padding:14px 0;
 font-size:14px;
 color:rgba(0,0,0,.85)
}
@media (min-width:768px) {
 .common-option-item-received {
  margin:0;
  padding:10px 16px;
  border-color:transparent
 }
}
@media (min-width:768px) {
 .common-option-item-received:hover {
  background:rgba(245,246,250,.5)
 }
}
.common-option-item-received .common-option-check {
 color:#2d60e0;
 font-size:16px;
 margin-left:auto;
 display:none;
}

.common-select-received {
 padding:0 12px;
 -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
 box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
 border-radius:2px;
 border:thin solid #e9ebf2;
 cursor:pointer;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}

//**********************For payment*****************************//
.common-option-item-payment {
 line-height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 16px;
 border-bottom:thin solid rgba(233,235,242,.65);
 padding:14px 0;
 font-size:14px;
 color:rgba(0,0,0,.85)
}
@media (min-width:768px) {
 .common-option-item-payment {
  margin:0;
  padding:10px 16px;
  border-color:transparent
 }
}
@media (min-width:768px) {
 .common-option-item-payment:hover {
  background:rgba(245,246,250,.5)
 }
}
.common-option-item-payment .common-option-check {
 color:#2d60e0;
 font-size:16px;
 margin-left:auto;
 display:none;
}

.common-select-payment {
 padding:0 12px;
 -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
 box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
 border-radius:2px;
 border:thin solid #e9ebf2;
 cursor:pointer;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative
}
//*********************Sell sending***********************************//
.common-option-item-ssend {
 line-height:20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 margin:0 16px;
 border-bottom:thin solid rgba(233,235,242,.65);
 padding:14px 0;
 font-size:14px;
 color:rgba(0,0,0,.85)
}
@media (min-width:768px) {
 .common-option-item-ssend {
  margin:0;
  padding:10px 16px;
  border-color:transparent
 }
}
@media (min-width:768px) {
 .common-option-item-ssend:hover {
  background:rgba(245,246,250,.5)
 }
}
.common-option-item-ssend .common-option-check {
 color:#2d60e0;
 font-size:16px;
 margin-left:auto;
 display:none;
}