[v-cloak] {
    display: none !important;
}
.indexmainbox{width: 1200px; margin:0 auto;padding-top: 60px;}
.in_main_leftbox{width:894px; float: left; background: #FFF;}
.in_main_rightbox{width:280px; float: right;margin-top: 20px;}
.inswiperbox{width: 100%; height:384px;}
.swiper-button-prev,.swiper-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(45, 45, 45, 0.5);
}
.swiper-button-prev::after,
.swiper-button-next::after {
    color: #fff;
    font-size: 22px;
}
.zbtjlist{width:282px; cursor: pointer; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.05); position: relative; float: left;border-radius: 3px;transition: all .5s ease-out .1s;}
.tjtoppicbox{width: 282px;height:158px; overflow: hidden; border-top-left-radius:3px;border-top-right-radius:3px;}
.tjtoppicbox img{display: block; width: 100%;height: 100%;    transition: all .5s ease-out .1s;}
.tjzbbotbox{height:80px; overflow: hidden; padding: 10px 10px 0 9px}
.tjzbbotboxZq{height:110px; overflow: hidden; padding: 11px 15px 0 9px}
.listtitle{font-size: 16px;height:48px; overflow: hidden;  line-height: 24px;color: #000;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.listtitleSecond{
    font-size: 14px;height:28px; overflow: hidden;  line-height: 24px;color: #4f4f4f;text-overflow: ellipsis;
}
.listdata{height:30px;  line-height: 30px; color: #8790A4; font-size:12px;}
.ViewDuration {
    height: 30px;
    line-height: 30px;
    color: #8790A4;
    font-size: 12px;
}
.zbtjicon{
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 25px;
    border-radius: 3px;
    color: #FFF;
    right: 5px;
    top: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 26px;
}
.zbtj_box{width: 100%; margin-top: 24px;}
.listdata > span{margin-right:10px;}
.listdata span.buy{margin-right:10px;}
.zblisoutbox .zbtjlist{margin: 0 15px 24px 0}
.zblisoutbox:nth-child(3n) .zbtjlist{margin-right:0;}
.allBox .zblisoutbox:nth-child(3n) .zbtjlist{margin-right:0;}
.zbtjlist:hover .tjtoppicbox img{ transform: scale(1.1);}
.zbtjlist:hover{box-shadow: 0 0 6px #DDD;}
.tjtitle{font-weight: bold; height: 40px; color: #000; line-height: 40px; font-size: 20px; margin-top: 10px; margin-bottom: 10px;}
.ppzq_box{width: 890px; margin-top: 30px;}
.ppzqbox{width: 280px;height:158px; float: left; margin-right: 25px; position: relative; overflow: hidden;}
.ppzqbox span{padding: 5px 8px; background: rgba(0,0,0,0.6); color: #FFF; font-size: 10px;  display:block; position: absolute; z-index: 10; top:5px; right: 5px; border-radius: 3px;}
.ppzqbox img{display: block; width: 100%; border-radius: 5px; cursor: pointer;transition: all .5s ease-out .1s;}
.ppzq_box .ppzqbox:nth-child(3n){margin-right:0;}
.ppzqbox img:hover{transform: scale(1.1);}
.adbox{width: 890px; margin: 40px auto; cursor: pointer; border-radius: 5px;}
.adbox img{display: block; width: 100%; border-radius: 5px;}
.usershowbox{width: 250px; box-shadow: 0 0 5px #EEE; padding: 20px 15px; border-radius: 5px; margin-bottom: 30px;}
.userphotobox{height:40px; width:250px; padding-bottom: 20px; border-bottom:1px solid #F0F2F5;}
.userpho{height: 40px; width: 40px; border-radius: 40px; float: left; overflow: hidden;}
.userpho img{display: block; width: 100%;height: 100%}
.nicknanmebox{height:40px;width:130px; float: left; margin-left: 10px;}
.nicknanmebox span{display: block;}
.nickn{font-size: 14px; color: #000; height: 20px;line-height: 20px; width: 130px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dayed{color:#BBB; font-size: 10px; height: 20px; line-height: 20px;}
.jfphbin{font-size:12px;color:#1378ed;  float: right; height: 20px; width:62px; text-align: right;cursor: pointer;}
.qddata{height: 30px; line-height:30px; margin-top: 10px;}
.mysouce{display:block; width:170px; float: left; color: #000; font-size:14px;}
.qddata .qdbtn{display: block; width: 50px; height: 24px; line-height: 24px; margin-top: 5px; float: right; transition: all .5s ease-out .1s; color: #FFF; background:#01AB84; font-size: 12px; border-radius: 5px; cursor: pointer; text-align: center;}
.qddata .qdbtn:hover{background:#009976;}
.qdover{background:#01AB84;}
.qiandaobox{position: relative;}
.qdsucces{width: 150px; height: 80px; line-height: 80px; color:#01AB84; font-size: 18px; font-weight: bold; background: rgba(0,0,0,0.7); border-radius: 5px; text-align: center; position: absolute; z-index: 10; right: 50px; top: -90px; box-shadow: 0 0 5px #FFF;}
.joinbox{width: 250px;
    box-shadow: 0 0 5px #EEE;
    padding: 20px 15px;
    border-radius: 5px;}
.joinlistbox{margin: 10px auto; cursor: pointer; position: relative;}
.joinlistbox .qunnamne{height: 30px; line-height: 30px; color:#2D2D2D; float: left; width:180px;overflow:hidden; font-size: 14px;}
.joinbtn{width: 40px; line-height: 26px; height: 26px; color:#01AB84; font-size: 12px; border:1px solid #01AB84; background: #FFF; float: right; text-align: center; border-radius: 3px; cursor: pointer;transition: all .5s ease-out .1s;}
.joinbtn:hover{background:#01AB84; color: #FFF;}
.qzadverti{
    width: 100%;
    height: 80px;
    margin: 30px auto;
    overflow: hidden;
}
.qzadverti img{
    width: 100%;
    height: 100%;
}

.qewmbox{width: 300px; height: 100px; display: none; transition: all .5s ease-out .1s; padding:10px; border-radius: 5px; position:absolute; background: #FFF; right: 60px; top:-70px; box-shadow: 0 0 5px #EEE; z-index: 100;}
.qewmpic{width: 100px; height: 100px; float: left;}
.mkbox1 .qewmpic{width: 120px !important; height: 120px !important; float: left;}
.qewmpic img{width:100%; display: block;}
.qewmright{height: 100px; width:160px; float: left; margin-left: 20px;}
.qunliaotitle{height:30px; line-height: 30px; display: block; color:#01AB84; font-size: 18px;}
.qunliaotext{height:30px; line-height:1.5; display: block; color:#666; font-size: 14px; margin-top: 10px;}
.joinlistbox:hover .qewmbox{display: block;}
.joinus .tjtitle{margin-top:0px;}
.adboxrightSwiper{ width:100%;height: 80px; margin: 30px auto; overflow: hidden;position: relative}
.adboxright{ width:100%; margin: 10px auto; }
.adboxright >img {cursor: pointer;}
.adboxrightSwiper >img {cursor: pointer;}
.adboxrightSwiper img{display: block; width: 100%; border-radius: 3px;}
.adboxright img{display: block; width: 100%; border-radius: 3px;}
.haveckgd .tjtitle{width: 200px; float: left;}
.haveckgd .lookmore{
    font-size: 12px;
    width: 70px;
    float: right;
    text-align: right;
    color: #999;
    height: 20px;
    line-height: 20px;
    margin-top: 20px; cursor: pointer;
}
.haveckgd .lookmore:hover{color:#01AB84;}
.zxtjbox{width: 250px; box-shadow: 0 0 5px #EEE; padding: 16px 12px 24px; border-radius: 5px; margin-bottom: 30px;}
.zxtjlistnu{color: #000; font-size:14px;margin-right: 8px;float: left}
.zxtjlistbitle{float: left; width:218px;}
.zxtitle{ color:#2D2D2D; font-size: 14px; line-height: 1.4; cursor: pointer;transition: all .2s ease-out .1s;}
.zxdatabox{height: 20px; margin-top: 5px; line-height: 20px; color: #868686; font-size: 12px;}
.zxdatabox span{margin-right: 10px;}
.threelist{color:#01AB84; font-weight: bold; font-size:20px; font-style:italic;}
.zxtjtextbox{ margin-bottom: 16px;display: block }
.zxtjtextbox:last-child {
    margin-bottom: 0;
}
.zxtitle:hover{color:#01AB84;}
.kjleftpic{width:70px; overflow: hidden; float: left;height: 44px;background: #ccc;}
.kjleftpic img{display: block; width: 100%; border-radius: 1px;}
.kjtitlebox{width:170px; float: left; margin-left:5px;}
.kjtitletext{font-size: 14px; line-height: 1.4; color:#2D2D2D;}
.kjxzdatas{margin-top: 5px;}
.kjdatas{color:#888; font-size: 12px; display: block; width: 100px; text-align: left; float: left;}
.needpayfor{display: block;float: right; width: 70px; text-align: right; font-size: 12px; color:#FF3200;}
.down{color: #01AB84}
.jpdkprize{font-size: 16px; color:#FF3200; float: right; width: 56px; text-align: right;}
.kjtjlist{margin-bottom:15px;}
.kjtitlebox{transition: all .2s ease-out .1s; cursor: pointer;}
.kjtitlebox:hover .kjtitletext{color:#01AB84;}
.bklistbox{ width: 55px;  float: left;  margin-right: 10px}
.bklistbox img{display: block; width: 24px; height: 24px; margin-left: 13px;}
.tcdlbox{margin-right: 0px;}
.bankuanlist{ margin-top: 20px; cursor: pointer;}
.bklistbox span{ display: block; width:55px; text-align: center; height: 30px; line-height:30px; color: #333; font-size: 12px;}
.daychaner{width:35.5px; float: left;}
.jifenbox img{display: block;height: 24px; width: 24px; margin: 0 auto;}

.qddaylist{margin-top: 20px; position:relative;}
.qddaylist img{width:250px;height:60px;}
.jifenb{width: 10px; height: 10px; background:#EEE; border-radius: 10px; margin: 10px auto; position:relative;}
.jifenb span{height: 2px; width: 2px; border-radius: 2px; background:#666; display: block; position: absolute; left:4px; top: 4px;}
.mrday{height: 20px; line-height: 20px; font-size: 12px; color:#666; text-align: center;}
.lineday{    height: 1px;
    width: 220px;
    background: #F0F2F5;
    position: absolute;
    top: 39px;
    left: 15px}
.daychaner .jifenbb{background:#01AB84;}

.jifenbb span{background: #FFF;}


/*精品课列表*/
.jpklistbox{width: 890px; margin-right: 30px; float: left;}
.jpkadbox{width: 890px; margin: 0 auto; border-radius: 5px;}
.jpkadbox img{display: block; width: 100%;}



.jpklistboxs{margin-top: 30px;}



.loadmore{
    width:210px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #01AB84;
    color:#01AB84;
    border-radius: 4px;
    margin:auto;
    margin:10px auto;
    font-size:16px;
    cursor:pointer;transition: all .2s ease-out .1s;
}


.loadmore:hover{
    background:#01AB84;
    color:white;
}
.loadmores{  width:210px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #FFF;
    color:#999;
    border-radius: 4px;
    margin:auto;
    margin:10px auto;
    font-size:16px;
    cursor:pointer;}
.pinpaizhuanqu{color:#01AB84;}
.fenleibox{  width: 870px; margin:30px auto 0px auto;  padding: 10px; border-radius: 3px;}

.yijiflbox{height: 60px; line-height:60px; border-bottom:1px dotted #EEE;}
.yijiflbox span{color:#2D2D2D; font-size:16px; margin-right: 20px; cursor: pointer;}
.yijiflbox span:hover{color:#01AB84;}

.erjiflbox{ margin-top: 20px; }
.erjiflbox span{ color:#2D2D2D; font-size:14px; margin-right: 20px; cursor: pointer;line-height:1.7;}
.erjiflbox span:hover{color:#01AB84;}



.sanjiflbox{margin-top: 10px; padding: 10px;background:#FBFBFB;}

.sanjiflbox span{ color:#676767; font-size:13px; margin-right: 20px; cursor: pointer;line-height: 20px;}
.sanjiflbox span:hover{color:#01AB84;}


.yijiflbox .fenleiclick{font-size:20px; color:#01AB84; font-weight:bold;}
.erjiflbox .fenleiclick{font-size:16px; color:#01AB84; font-weight:bold;}

.sanjiflbox .fenleiclick{font-size:14px; color:#01AB84; font-weight:bold;}



/*专区详情*/
.zhuanquxqbox{width: 1200px; margin: auto;}
.zhuanquxqbox .zblisoutbox .zbtjlist{margin-right: 25px; margin-bottom: 30px;}
.zhuanquxqbox .zblisoutbox .zbtjlist:nth-child(3n){margin-right:25px;}
.zhuanquxqbox .zblisoutbox .zbtjlist:nth-child(4n){margin-right:0;}
.zqadbox{width:1200px; height:514px; background: red;}
.zqxqtitlebox{ width:1180px; padding: 20px 10px; height: 80px;background: #FEFEFE;}
.zqbotboxleft{width:600px;height: 80px; float: left;}
.zqxqtitletop{max-height: 60px; line-height: 1.4; overflow: hidden; color: #000; font-size: 22px;}
.zqxqtiaojian{height: 20px; line-height: 20px; color: #868686; font-size: 14px;}
.zqxqtiaojian span{ margin-right: 10px;display: block; float: left;height:20px; line-height: 20px;}
.lisoiocn em{border-radius: 4px; background:#01AB84; height: 4px; width: 4px;  float: left; margin-top:8px; margin-right: 3px;}
.lisoiocn{ display:inline-block; margin-top: 5px;}
.zqbotboxright{height: 400px; float: right; height:80px;}
.zqbotboxright .oldprize{ color:#999; font-size: 14px;line-height: 80px; float: right; margin-right: 20px;}
.zqbotboxright .nowprize{color:#FF5F00; font-size: 32px; line-height: 80px; margin-right: 20px; display: block; float: right;}
.ljpaybtn{cursor: pointer; height: 50px; width: 180px; color: #FFF; font-size: 20px; text-align: center; line-height: 50px;  float: right; display: block; background: #FF5F00; margin-top: 15px; border-radius: 3px;    transition: all .2s ease-out .1s;
}
.ljpaybtn:hover{background:#DB5200;}
.xqtitlebox{height:70px; line-height: 70px;border-bottom: 1px solid #F0F2F5; margin-top: 20px;}
.xqtitlebox span{ color: #676767; font-size: 20px; cursor: pointer; margin-right: 20px;}
.xqtitlebox .nowclcik{ color: #2D2D2D; font-size:20px; border-bottom: 4px solid #01AB84; font-weight: bold; padding-bottom: 10px;}


.zqxqtba{width: 300px; float: left;}
.zqxqtba img{display: block; width: 100%;}
.zqxqtbarighe{width:870px; float: right;}
.zhukefengmian{width: 1200px; height: 675px; background: red; position: relative;}




.zqbotboxrightb{ width:870px;height:80px; float: left; margin-top: 10px;}
.zqbotboxrightb .oldprize{ color:#999; font-size: 14px;line-height: 80px; float: left; margin-right: 20px;}
.zqbotboxrightb .nowprize{color:#FF5F00; font-size: 32px; line-height: 80px; margin-right: 20px; display: block; float: left;}
.ljpaybtn{cursor: pointer; height: 50px; width: 180px; color: #FFF; font-size: 20px; text-align: center; line-height: 50px;  float: right; display: block; background: #FF5F00; margin-top: 15px; border-radius: 3px;    transition: all .2s ease-out .1s;
}
.ljpaybtn:hover{background:#DB5200;}

.choselistxr{height: 30px; line-height: 30px; color:#2D2D2D; font-size: 14px; cursor: pointer; margin-top: 10px;}
.choselistxr .nowrxclisk{color:#01AB84;}
.choselistxr span{margin-right: 10px;}

.kechenglistbox{margin-bottom: 30px;}
.kechenglistleftbox{width: 202px; position: relative;cursor: pointer; float: left;}
.kechenglistpic{width: 100%; display: block; border-radius: 3px; cursor: pointer;}
.kechenglistleftbox span{position: absolute; top: 0; left: 0; z-index: 100; background: rgba(0,0,0,0.3); width: 100%;height:100%; border-radius: 3px;}
.kechenglisticon{width: 40px; display: block; position: absolute; z-index: 101; top: 0; bottom: 0; left: 0; right: 0; margin:auto;}
.kechengdata{height: 30px; line-height: 30px; color:#868686; font-size: 14px;}
.kechenglistright{width: 650px; float: right; cursor: pointer;}
.kechengtitle{line-height: 1.5; font-size: 20px;color: #2D2D2D;}

.kechengdata span{margin-right: 10px;}


.kechengxqleftbox{width: 880px; float: left;}

.kechengtitle:hover{ color:#01AB84; }
.kcxqrightbox{margin-top: 35px;}
.biaoqian{height: 30px;}
.biaoqian em{padding:1px 6px; font-size: 12px; color: #FFF; background:#FFF; border:1px solid #01AB84;  color: #01AB84; border-radius: 20px; margin-right:10px;}

.tipsgoumai{width: 200px; height: 80px; font-size: 18px; text-align: center; line-height: 80px; border-radius: 5px; color: #FFF; background:rgba(0,0,0,0.9); position: fixed; left: 0; right: 0; top:0; bottom: 0; margin: auto;}

.kechudong{width: 880px;}



.newplboxba{    width: 97%;
    height: 68px;
    border: 1px solid #E7EFFF;
    padding: 10px;
    position: relative;
    background: #F5F6F8;
    margin-top:30px;
}


.newplboxba textarea {
    width: 100%;
    height: 60px;
    border: 0;
    display: block;
    color: #333;
    resize: none;
    line-height: 160%;
    outline: none;
    font-size: 14px; padding: 2%;}
.newplboxca {
    width: 876px;
    height: 38px;
    padding: 0;
    background: #F5F6F8;
}


.newpchuifubtn {
    width: 120px;
    text-align: center;
    cursor: pointer;
    height: 100%;
    float: right;
    color: #FFF;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    line-height: 38px;
    background: #01AB84;
    font-size: 14px;
}
.newpchuifubtn:hover{background:#009976;}
.hduserbox{height: 40px; width: 100%;}
.hdshowpic{height: 40px; width: 40px; border-radius: 40px; float: left;}
.hdshowpic img{display: block; width: 100%; border-radius: 100%;}
.hdshowname{height: 40px; width:200px; line-height: 40px; color: #000; font-size:14px; float:left; margin-left:10px;}
.hdshowtime{ font-size: 12px; color: #999; float: right; height: 20px; line-height: 20px; margin-top: 10px; font-weight: bold;}
.hdboxneir{color: #222; font-size: 14px; line-height: 1.5; margin-top: 10px; width:830px; margin-left: 50px;}
.hdshowbox{ margin-bottom: 30px;  margin-top: 10px;}
.zbtimelast{width:100%; height: 100%;  left: 0; top: 0px; background: rgba(0,0,0,0.5); position: absolute;}
.zblastime{width: 100%; height: 30px; line-height: 30px; margin-top: 200px; color: #FFF; font-size: 20px; text-align: center; display: block;}
.yuyuebtn{background: #01AB84; height: 40px; line-height: 40px; color: #FFF; text-align: center; width: 150px; border-radius: 20px; margin: 20px auto; display: block; cursor: pointer;    transition: all .2s ease-in;
}
.yuyuebtn:hover{background:#009976;}
.yuyuebtned{background: #01AB84; height: 40px; line-height: 40px; color: #FFF; text-align: center; width: 150px; border-radius: 20px; margin: 20px auto; display: block; cursor: pointer;    transition: all .2s ease-in;
}
.fwhalert{width: 300px; position: fixed; z-index: 1000; left: 0;right: 0px; top: 300px;  margin: auto;}
.fwhalert img{display: block; width: 100%;}
.caijbox{width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 10000;}
.caijialert{width:300px;padding: 20px 40px; position: fixed; top: 200px; background: #FFF; border-radius: 5px; left: 0; right: 0; margin: auto; top: 200px;}
/*.tijiaoform{width:;  height:;}*/
.tijiaoform input{width:300px; display: block; padding: 4px 10px; border-radius: 3px;height: 40px; line-height: 40px; margin: 20px 0; box-shadow: 0;border:0px; background:#F6F7FB;}
.tijiaobtn{height:40px; width:100px; line-height: 40px; text-align:center; color: #FFF; font-size: 16px; background: #01AB84; margin: 10px auto; border-radius: 5px; cursor: pointer;transition: all .2s ease-in;}
.tijiaobtn:hover{background:#009976;}
.closebtn{height:30px; width:100px; line-height: 30px; text-align:center; color: #999; font-size: 16px;  margin: 10px auto; border-radius: 5px; cursor:pointer; display: block;}


.searchbox{height: 35px; width:880px; border:1px solid #01AB84; border-radius:35px; position: relative;}
.searchbox input{display: block; height:35px; width: 680px; padding: 5px 100px; border:0; line-height: 35px;margin-left: 90px;}
.searchbox span{position: absolute; right: 0; top: 0px; width: 100px; height: 35px; cursor: pointer;}
.searchbox span img{display: block; width: 100%;}
.searchjieguo{ height:30px;width:840px; font-size: 14px; padding: 0 20px; background: #F6F7FB; color:#868686; line-height: 30px; margin-top: 20px;}




.jieguotitle{font-size: 16px; color:#000; font-weight: bold; line-height: 1.5;}
.jieguotitle em{color:#01AB84;}

.jieguolist span{ font-size:12px; color: #666; margin-right: 20px; }
.jieguolist span em{color:#01AB84;}
.jieguolist{background: #FDFDFD;padding: 10px; cursor: pointer;transition: all .2s ease-in; margin-bottom: 20px; margin-top: 10px;}
.jieguolist:hover{background: #EEE;}

.searkecheng{ background:#FF5F00; color: #FFF; width:40px; height:20px; line-height: 20px;  text-align: center; font-size: 12px; border-radius: 3px;}
.searzhibo{ background:#FFAF00; color: #FFF; width:40px; height:20px; line-height: 20px;  text-align: center; font-size: 12px; border-radius: 3px;}
.searhuiyi{ background:#006EFF; color: #FFF; width:40px; height:20px; line-height: 20px;  text-align: center; font-size: 12px; border-radius: 3px;}
.searzixun{ background:#F63A3A; color: #FFF; width:40px; height:20px; line-height: 20px;  text-align: center; font-size: 12px; border-radius: 3px;}
.searkejian{ background:#A8CF19; color: #FFF; width:40px; height:20px; line-height: 20px;  text-align: center; font-size: 12px; border-radius: 3px;}




.swiperIndex{
    width:100%;
    height: 160px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}









/*密钥*/
.pickCodeBox{
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    /*display: none;*/
}
.pickCode {
    position: absolute;
    transform: translate(-50%, -50%);
    background: #fff;
    top: 50%;
    width: 300px;
    left: 50%;
    border-radius: 5px;
    padding: 20px 20px;
}

.pickCodeTit {
    text-align: center;
    /*padding: 20px;*/
    color: #000;
    /* margin-top: 10px; */
    font-weight: bolder;
    font-size: 20px;
}
.pickCodeVal{
    margin: 20px 0;
}
.pickCodeVal > input {
    height: 50px;
    background: #F6F7FB;
    border: 0;
    display: block;
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 20px;
}
#pickCodeBtn {
    background: #FF6A15;
    margin-top: 10%;
    padding: 4% 0;
    text-align: center;
    color: #FFF;
    border-radius: 10px;
    font-size: 16px;
    width: 100%;
    display: block;
    border: none;
    outline: none;
}
.pickCodeClose{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1001;
    cursor: pointer;
}