@charset "utf-8";
html,body{width:100%}
html{font-size:10px;line-height:10px}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:15px;font-family:-apple-system,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif;color:#000;line-height:1.5}
body{position:relative;-webkit-text-size-adjust:none;clear:both;width:100%;background:#fff;color:#000}
img,fieldset,button{border:0}
button:active{opacity:.9}
ul,ol{list-style:none}
i,em,cite,address{font-style:normal}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
table{border-collapse:collapse}
hr{display:none!important}
mark{color:inherit;background:none}
input{-webkit-appearance:none}
.blind{overflow:hidden;position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}
.hide{display:none!important}
.icon{overflow:hidden;width:10em;height:10em;vertical-align:-0.15em;fill:currentColor}
.border_t::before{position:absolute;top:0;left:0;right:0;border-top:1px solid var(--color-border-dark);-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0;transform-origin:0 0;content:''}
.border_b::after{position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--color-border-dark);-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:0 0;transform-origin:0 0;content:''}
.no_result{display:flex;width:100%!important;padding:100px 0;align-items:center;justify-content:center}
.lazy{background:var(--color-lazy-background)}

header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:fixed;top:0;width:100%;height:60px;background:#fff;-webkit-box-shadow:0 3px 2px -2px rgb(0 0 0 / 20%);box-shadow:0 3px 2px -2px rgb(0 0 0 / 20%);transition:top .3s;text-align:center;z-index:997}
header .btn_menu,
header .btn_help{min-width:60px;height:60px;background:transparent;font-size:0}
header .btn_help{right:0;left:auto;}
header .btn_menu{background:url(img/ico_menu.png) no-repeat;background-size:60px 60px;}
header .btn_help{background:url(img/ico_help.png) no-repeat;background-size:60px 60px;}
header a{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center}
header .logo{min-width:0;height:60px;}
/*header .logo img{width:97px;height:43px;}*/

#menu{display:none;position:fixed;top:0;left:0;z-index:1100;width:100%;height:100%;background:rgba(0,0,0,.7)}
#menu .menu_wrap{overflow-y:auto;position:absolute;top:0;/*left:0;*/left:-100%;z-index:2110;width:100%;height:100vh;height:-webkit-fill-available;background:#fff}
#menu .menu_wrap .avatar{padding:30px 0;background:#fc4b93;color:#fff;text-align:center}
#menu .menu_wrap .avatar a{display:inline-block;box-sizing:border-box}
#menu .menu_wrap .avatar span{overflow:hidden;position:relative;display:block;width:70px;height:70px;margin:0 auto 10px;border-radius:50%;background:#fff}
#menu .menu_wrap .avatar span::after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid #bdbdbd;content:''}
#menu .menu_wrap .avatar span i{display:block;position:absolute;bottom:0;left:0;width:100%;height:20px;background:rgba(0,0,0,.3);font-size:12px;color:#fff}
#menu .menu_wrap .avatar .icon{width:60px;height:60px;opacity:.6}
#menu .menu_wrap .avatar strong{font-size:18px;color:#fff}
#menu .menu_wrap .avatar em{display:block;color:#ffc1c9}
#menu .menu_wrap .avatar a.a1{height:35px;margin-top:20px;padding:0 25px;border-radius:18px;border:1px solid #fff;font-size:18px;color:#fff;line-height:33px;}
#menu ul{position:relative;margin-bottom:25px;background:#f7f7f7;border-top:1px solid #d1d1d1}
#menu ul li{position:relative;height:58px;border-bottom:1px solid #d1d1d1;}
#menu ul li a{display:block;width:100%;height:100%;padding-left:20px;font-weight:bold;font-size:18px;color:#333;line-height:58px;box-sizing:border-box}
#menu ul li img{width:29px;height:29px;margin:15px 12px 0 0;vertical-align:top}
#menu ul li i{display:block;position:absolute;top:21px;right:18px;width:9px;height:16px;background:url(img/ico_menu_arr.png) no-repeat;background-size:9px 16px}
#menu button{position:absolute;top:0;right:0;width:50px;height:50px;background:url(img/ico_menu_close.png) no-repeat;background-size:50px 50px;font-size:0;line-height:0;}
#menu a.btn_logout{display:inline-block;position:absolute;bottom:60px;left:50%;width:140px;height:35px;margin-left:-70px;border-radius:18px;border:1px solid #c3c3c3;font-size:17px;color:#515151;line-height:33px;text-align:center;letter-spacing:-1px}

#ct{background:#fc4b93;padding:75px 15px 0}

.login{padding:0 24px;background:#fd4c94}
.login h1{margin:0 -24px}
.login h1 img{width:100%;height:auto;vertical-align:top;}
.login form{position:relative;padding:20px 25px 25px 25px;border-radius:10px;background:#f6f6f6;box-shadow:2px 2px 2px rgba(0,0,0,.3);}
.login form h2{position:relative;height:64px;margin-bottom:15px;line-height:64px;font-size:25px}
.login form .la_text{display:inline-block;position:relative;top:10px;margin-left:15px;padding:0 5px;background:#f6f6f6;font-size:13px;color:#848484;z-index:10}
.login form .t1,.login form .t2{overflow:hidden;display:block;position:relative;width:100%;height:61px;margin-bottom:18px;border-radius:10px;border:1px solid #d3d3d3;background:#fff;box-sizing:border-box}
.login form .t1:focus-within,.login form .t2:focus-within{position:relative;border-color:#fc4b93;box-shadow:0 0 2px rgba(238,52,93,.5);}
/*.login form .t1::before,.login form .t2::before{display:block;position:absolute;top:12px;left:0;width:49px;height:36px;border-right:1px solid #dcdcdc;background-size:49px 36px;content:''}*/
/*.login form .t1:before{background:#fff url(img/ico_login_user.png) no-repeat;background-size:49px 36px;}*/
/*.login form .t2:before{background:#fff url(img/ico_login_pass.png) no-repeat;background-size:49px 36px;}*/
.login form input{width:100%;height:61px;padding:0 15px;border:0;background:transparent;box-sizing:border-box}
.login form input:focus{outline:0}
.login form input::placeholder{color:#a5a5a5}
.login form .autologin{position:relative;width:100%;height:26px;line-height:26px;padding-left:55px;font-weight:bold;color:#404040;vertical-align:top;letter-spacing:-1px;box-sizing:border-box}
.login form .autologin label{vertical-align:middle;}
.login form .autologin label:before{position:absolute;top:0;left:0;width:52px;height:26px;border-radius:13px;background:#aaa;-webkit-transition:background .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1);vertical-align:middle;content:''}
.login form .autologin label:after{position:absolute;top:2px;left:2px;width:22px;height:22px;-webkit-border-radius:50%;border-radius:50%;background:#fff;-webkit-transition:left .28s cubic-bezier(.4,0,.2,1);transition:left .28s cubic-bezier(.4,0,.2,1);content:''}
.login form .autologin input{width:0;height:0;padding:0;opacity:0}
.login form .autologin input[type=checkbox]:checked + label:before{background:#ff6e7b}
.login form .autologin input[type=checkbox]:checked + label:after{left:28px;right:1px;border-color:#ff6e7b;background:#fff}
.login form .autologin a{display:block;height:26px;line-height:26px;position:absolute;top:0;right:0;font-weight:bold;font-size:20px;color:#fc4b93}
.login form button{width:100%;height:65px;margin-top:25px;border-radius:10px;background:#fc4b93;font-size:19px;font-weight:bold;color:#fff}
.login .btn_social{position:absolute;top:0;right:0;}
.login .btn_social img{vertical-align: top;}
.login_footer{padding:30px 0;font-size:11px;color:#fff;text-align:center}

.exchange{margin-top:15px}
.exchange h3{margin-bottom:15px;font-size:20px}
.exchange form{position:relative;padding:20px 25px 25px 25px;border-radius:10px;background:#f6f6f6;box-shadow:2px 2px 2px rgba(0,0,0,.3);}
.exchange form .t1{overflow:hidden;display:block;position:relative;width:100%;height:61px;margin-bottom:18px;border-radius:10px;border:1px solid #d3d3d3;background:#fff;box-sizing:border-box}
.exchange form .t1:focus-within{position:relative;border-color:#fc4b93;box-shadow:0 0 2px rgba(238,52,93,.5);}
.exchange form .t1 i{display:block;position:absolute;top:12px;right:15px;width:33px;height:33px;background:url(img/ico_exchange_coin.png) no-repeat;background-size:33px 33px}
.exchange form input{width:100%;height:60px;padding:0 15px;border:0;background:transparent;line-height:58px;box-sizing:border-box}
.exchange form input:focus{outline:0}
.exchange form input::placeholder{color:#a5a5a5}
.exchange form input:disabled{background:#eee;color:#a09f9f}
.exchange form select{width:100%;height:61px;border-radius:0;border:0;background:#fff url(img/ico_sel.png) no-repeat 100% 50%;background-size:21px 13px;font-size:15px;color:#000;-webkit-appearance:none;outline:0;vertical-align:top}
.exchange form .autologin{position:relative;width:100%;height:26px;line-height:26px;padding-left:55px;font-weight:bold;color:#404040;vertical-align:top;letter-spacing:-1px;box-sizing:border-box}
.exchange form .autologin label{vertical-align:middle;}
.exchange form .autologin label:before{position:absolute;top:0;left:0;width:52px;height:26px;border-radius:13px;background:#aaa;-webkit-transition:background .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1);vertical-align:middle;content:''}
.exchange form .autologin label:after{position:absolute;top:2px;left:2px;width:22px;height:22px;-webkit-border-radius:50%;border-radius:50%;background:#fff;-webkit-transition:left .28s cubic-bezier(.4,0,.2,1);transition:left .28s cubic-bezier(.4,0,.2,1);content:''}
.exchange form .autologin input{width:0;height:0;padding:0;opacity:0}
.exchange form .autologin input[type=checkbox]:checked + label:before{background:#ff6e7b}
.exchange form .autologin input[type=checkbox]:checked + label:after{left:28px;right:1px;border-color:#ff6e7b;background:#fff}
.exchange form button{width:100%;height:65px;margin-top:25px;border-radius:10px;background:#fc4b93;font-size:19px;font-weight:bold;color:#fff}

.main_bn{overflow:hidden;border-radius:10px;box-shadow:1px 1px 1px rgba(0,0,0,.3);}

.slides{overflow:hidden;position:relative;}
.slides img{vertical-align:top;}
.slides .slick-dots{position:absolute;bottom:15px;left:50%;width:50px;margin-left:-25px}
.slides .slick-dots li{float:left;margin-left:7px}
.slides .slick-dots li:first-child{margin:0}
.slides .slick-dots li button{width:7px;height:7px;border-radius:50%;background:#919191;font-size:0}
.slides .slick-dots li.slick-active button{background:#ff314c}
.slides .slick-dots::after{display:block;clear:both;content:''}

.user_info{position:relative;height:68px;border-top:1px solid #adadad;background:rgb(244,212,212);background:linear-gradient(0deg,rgba(244,212,212,1) 0%,rgba(255,254,254,1) 100%);color:#330000}
.user_info div,.user_info a{overflow:hidden;position:absolute;top:0;display:flex;justify-content:center;align-items:center;width:50%;height:68px;padding:0 10px;box-sizing:border-box}
.user_info .lft{left:0;}
.user_info .lft img{display:inline-block;width:48px;height:48px;margin-right:10px;border-radius:50%;border:1px solid #cacaca;vertical-align:middle;}
.user_info .lft strong{overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.user_info .lft em{position:absolute;left:50%;bottom:5px;font-size:12px;color:#fc4b93}
.user_info .lft:after{display:block;position:absolute;top:17px;right:0;width:1px;height:35px;background:#d6cacc;content:''}
.user_info .rgt{right:0;}
.user_info .rgt img{display:inline-block;width:22px;height:25px;margin-right:10px;vertical-align:middle;}
.user_info .rgt strong{font-size:13px;}

.search{position:relative;height:56px;margin-top:25px;border-radius:10px;background:#ffabba;box-shadow:1px 1px 1px rgba(0,0,0,.3);}
.search img{width:59px;height:56px;vertical-align:middle;}
.search input{width:calc(100% - 59px - 71px);height:56px;border:0;background:transparent;font-size:18px;color:#fff;vertical-align:top;outline:0}
.search input::placeholder{color:#fff}
.search button{position:absolute;top:0;right:0;width:71px;height:56px;background:url(img/btn_search.png) no-repeat;background-size:71px 56px;font-size:0;line-height:0;vertical-align: top;}

.chat_list{margin:10px 0 0 -10px}
.chat_list li{float:left;position:relative;width:calc(50% - 10px);margin:0 0 10px 10px;padding:10px;border-radius:10px;box-sizing:border-box}
.chat_list li a{display:block;}
.chat_list li a:after{display:block;clear:both;content:''}
.chat_list li img{float:left;width:48px;height:48px;margin-right:10px;border-radius:50%;border:2px solid #fff;vertical-align:top;}
.chat_list li strong{ display:block;margin-right:33px;white-space:nowrap;text-overflow:ellipsis;}
.chat_list li span{overflow:hidden;display:block;font-size:11px;color:#999;white-space:nowrap;text-overflow:ellipsis;}
.chat_list li p{margin:3px 0 0 62px;font-size:12px;white-space:nowrap;}
.chat_list li p em{display:inline-block;width:10px;height:11px;background:url(img/ico_man.png) no-repeat;background-size:10px 11px}
.chat_list li i{display:block;position:absolute;top:10px;right:10px;width:23px;height:22px;}
.chat_list li.pink{background:rgb(255,255,255);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,224,222,1) 100%);}
.chat_list li.pink i{background:url(img/ico_message.png) no-repeat;background-size:23px 22px}
.chat_list li.yellow{background:rgb(255,255,255);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,234,184,1) 100%);}
.chat_list li.yellow i{background:url(img/ico_message2.png) no-repeat;background-size:23px 22px}
.chat_list li.purple{background:rgb(255,255,255);background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(226,184,255,1) 100%);}
.chat_list li.purple i{background:url(img/ico_message3.png) no-repeat;background-size:23px 22px}
.chat_list li.no_result{color:#fff}
.chat_list:after{display:block;clear:both;content:''}

.btn_more{width:100%;height:46px;border-radius:10px;background:#ffabba;font-size:20px;font-weight:bold;color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.3);letter-spacing:-1px;text-decoration:underline}

.draw_stat{height:55px;margin:25px -15px 0 -15px;padding:0 15px;border-top:1px solid #c8142b;border-bottom:1px solid #c9a2a7;background:#ffe5e8;line-height:55px}
.draw_stat dt{float:left;width:70px;height:28px;margin:13px 15px 0 0;border-radius:10px;background:#ffabba;font-size:14px;color:#fff;text-align:center;line-height:28px;}
.draw_stat dd{overflow:hidden;position:relative;height:55px;padding-left:15px;white-space:nowrap;line-height:55px}
.draw_stat dd p{position:absolute;animation:scroll-left 10s linear infinite}
.draw_stat dd strong{margin-right:15px;font-size:13px}
.draw_stat dd strong span{font-style:normal;color:#fc4b93}

.main_help{margin:0 -15px;padding:25px 15px;background:#fff}
.main_help ul{display:-webkit-box;-webkit-box-pack:justify;display:-webkit-flex;-webkit-justify-content:space-between;display:flex;justify-content:space-between;border-radius:10px;background:#f5f3f3;box-shadow:1px 1px 1px rgba(0,0,0,.3);}
.main_help ul li{display:-webkit-box;-webkit-box-orient:vertical;width:33.333%;padding:20px 0;text-align:center}
.main_help ul li a{display:block;}
.main_help ul li img{display:block;width:34px;height:34px;margin:0 auto 5px;}
.main_help ul li:first-child a{border-right:1px solid #d3cccd}
.main_help ul li:last-child a{border-left:1px solid #d3cccd}
.main_help .btn_katalk{display:flex;justify-content:center;align-items:center;width:100%;margin-top:15px;padding:20px 15px 15px 15px;border-radius:10px;background:#fef200;font-size:17px;color:#3c1e1e;text-align:center;box-sizing:border-box;box-shadow:1px 1px 1px rgba(0,0,0,.3);}
.main_help .btn_katalk img{float:left;width:71px;height:67px;margin-right:15px;vertical-align:top;}
.main_help .btn_katalk strong{display:block;font-size:20px}
.main_help .btn_katalk:after{display:block;clear:both;content:''}

.main_notice{padding:25px 0;}
.notice_tabs{border-bottom:1px solid #e87c7c}
.notice_tabs a{display:inline-block;position:relative;width:50%;height:44px;background:#ffabba;font-size:12px;line-height:44px;text-align:center;box-sizing:border-box}
.notice_tabs a.on{color:#fff}
.notice_tabs a i{display:block;position:absolute;top:16px;right:20px;width:13px;height:13px}
.notice_tabs a:first-child{border-top-left-radius:10px}
.notice_tabs a:first-child:after{display:block;position:absolute;top:2px;right:0;width:1px;height:41px;background:#bf6e6e;content:''}
.notice_tabs a:first-child i{background:url(img/ico_list.png) no-repeat;background-size:13px 13px}
.notice_tabs a:last-child{border-top-right-radius:10px}
.notice_tabs a:last-child i{background:url(img/ico_grid.png) no-repeat;background-size:13px 13px}
.notice_lists{padding-bottom:8px;background:#fff;border-radius:0 0 10px 10px}
.notice_lists li{height:37px;}
.notice_lists li a{overflow:hidden;display:block;margin:0 8px;padding:0 6px;border-top:1px solid #c5c5c5;font-size:12px;line-height:37px;white-space:nowrap;text-align:left;text-overflow:ellipsis}
.notice_lists li a .white{color:#fff}
.notice_lists li:first-child a{border:0}
.notice_lists2{padding:20px 15px}
.notice_lists2 li{background:#d6d6d6;border-top:1px solid #fff}
.notice_lists2 li:nth-child(even){background:#eaeaea}
.notice_lists2 li a{overflow:hidden;display:block;width:100%;height:50px;padding:0 20px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
.notice_lists2 li div{display:none;padding:15px;background:#fff;border-top:1px solid #565656;}
.notice_lists2 li.on{position:relative;margin:1px 0 20px;border:1px solid #565656}

.review{overflow:hidden;position:relative;margin-top:15px;border-radius:10px;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.3);}
.review h3{display:block;width:100%;height:55px;background:#f7f6f6;font-size:15px;text-align:center;line-height:55px}
.review_lists li{border-top:1px solid #c6c6c6}
.review_lists li a{overflow:hidden;display:block;position:relative;width:100%;height:54px;padding:0 148px 0 20px;line-height:54px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;letter-spacing:-1px;}
.review_lists li a i{display:block;position:absolute;top:24px;right:20px;width:18px;height:10px;background:url(img/ico_down_arr.png) no-repeat;background-size:18px 10px;transition:all .3s ease;}
.review_lists li a span{display:block;position:absolute;top:0;right:54px;width:100px;height:54px;font-weight:normal;line-height:54px;text-align:right;}
.review_lists li a span.blue{color:#2845c6}
.review_lists li a span.red{color:#f6314b}
.review_lists li div{display:none;margin:0 20px 20px 20px;padding-top:15px;background:#fff;border-top:1px solid #d3d3d3;}
.review_lists li.on{position:relative;margin:1px 0 20px}
.review_lists li.on a{font-weight:bold;color:#000;}
.review_lists li.on a span{font-weight:bold;}
.review_lists li.on a i{transform:rotate(180deg);}
.review button{width:100%;height:50px;border-top:1px solid #c7c7c7;background:#f7f6f6;font-weight:bold}

footer{border-top:1px solid #fff;background:#f76da5;padding:30px 0;font-size:13px;color:#fff;text-align:center}
footer div{margin-bottom:20px;color:#120f87}

.topbar{position:relative;height:60px;background:#fc4b93;color:#fff;text-align:center}
.topbar h2{height:60px;font-size:18px;line-height:60px;}
.topbar h2.chat{overflow:hidden;margin:0 60px;white-space:nowrap;text-overflow:ellipsis}
.topbar a{display:block;position:absolute;top:0;left:0;width:60px;height:60px}
.topbar a img{width:60px;height:60px}
.topbar.admin{background:#9b56e1}

.form_wrap{padding:15px;text-align:center}
.form_wrap .login_logo{display:block;width:172px;height:208px;margin:0 auto 35px}
.form_wrap input,.form_wrap .sel{display:block;width:100%;height:57px;margin-bottom:15px;padding:0 15px;border-radius:8px;border:1px solid #d8d8d8;background:#fef8fa;font-size:16px;line-height:57px;box-sizing:border-box}
.form_wrap input:focus{position:relative;border-color:#fc4b93;box-shadow:0 0 5px rgba(238,52,93,.5);outline:0}
.form_wrap input:disabled{background:#e5e5e5;color:#a5a5a5}
.form_wrap input::placeholder{color:#a5a5a5}
.form_wrap button[type=submit]{width:100%;height:61px;border-radius:8px;background:#fc4b93;font-size:19px;color:#fff}
.form_wrap button[type=button]{width:100%;height:98px;margin-bottom:30px;border:1px solid #365181;background:#2a3e62;font-size:30px;}
.form_wrap .login_link{display:flex;padding:45px 0}
.form_wrap .login_link a{position:relative;width:50%;height:45px;font-size:30px}
.form_wrap .login_link a:first-child:after{position:absolute;top:8px;right:0;width:1px;height:30px;background:#666;content:'';}
.form_wrap label{display:block;padding:3px 0 5px;font-weight:700;text-align:left}
.form_wrap label span{color:#fc4b93}
.form_wrap select{width:100%;height:55px;border-radius:0;border:0;background:#fef8fa url(img/ico_sel.png) no-repeat 100% 50%;background-size:21px 13px;font-size:15px;color:#000;-webkit-appearance:none;outline:0;vertical-align:top}
.form_wrap .col{display:inline-block;width:calc(50% - 7px);vertical-align:top;}
.form_wrap .col.first{margin-right:7px}
.form_wrap .col.last{margin-left:7px}
.form_wrap p{font-size:13px;color:#8d8d8d;text-align:left}
.form_wrap p a{color:#fc4b93}

.sub_tit{margin-top:20px;font-size:24px;font-weight:100;color:#fff;letter-spacing:-1px;text-align:center}
.item_buy{padding:10px 0 25px}
.item_buy h3{margin-top:15px;font-size:17px;font-weight:normal;color:#fff;letter-spacing:-1px;}
.item_select{margin:10px 0 0 -10px}
.item_select:after{display:block;clear:both;content:''}
.item_select label{float:left;overflow:hidden;display:flex;position:relative;align-items:center;width:calc(50% - 10px);margin:0 0 10px 10px;padding:10px;border-radius:10px;border:1px solid transparent;text-align:left;box-sizing:border-box}
.item_select label.t1{background:#fff}
.item_select label.t2{background:rgb(255,249,228);background:linear-gradient(180deg, rgba(255,249,228,1) 0%, rgba(255,233,136,1) 100%);}
.item_select label.t3{background:rgb(226,249,255);background:linear-gradient(180deg, rgba(226,249,255,1) 0%, rgba(145,225,255,1) 100%);}
.item_select label.t4{background:rgb(226,249,255);background:linear-gradient(180deg, rgba(226,249,255,1) 0%, rgba(145,225,255,1) 100%);}
.item_select label.t5{background:#3f362e;box-shadow:inset 0 0 5px #2c241e;color:#fff}

.item_select label i{float:left;width:60px;height:60px;}
.item_select label.t1 i{background:url(img/ico_item1.png) no-repeat;background-size:60px 60px}
.item_select label.t2 i{background:url(img/ico_item2.png) no-repeat;background-size:60px 60px}
.item_select label.t3 i{background:url(img/ico_item3.png) no-repeat;background-size:60px 60px}
.item_select label.t4 i{background:url(img/ico_item5.png) no-repeat 50% 50%;background-size:52px 52px}
.item_select label.t5 i{background:url(img/ico_item4.png) no-repeat;background-size:60px 60px}
.item_select label span{display:block;font-size:15px;color:#5f5f5f;letter-spacing:-1px}
.item_select label strong{font-size:17px}
.item_select label.t5 span{color:#ccc}
.item_select label.t5 span img{width:25px;height:25px;vertical-align:top;}
.item_select label.t5 strong{color:#fff}
.item_select input[type="radio"]:checked + label{border:1px solid #fff}
.item_select input[type="radio"]:checked + label:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8) url(img/ico_check.png) no-repeat 50% 50%;background-size:32px 32px;content:''}
.item_select #item5_input{width:calc(100% - 10px);height:61px;margin:0 10px 10px;padding:0 10px;border-radius:10px;border:1px solid #d3d3d3;background:#fff;box-sizing:border-box}
.item_select #item5_input:focus{border-color:#fc4b93;box-shadow:0 0 5px rgba(238,52,93,.5);outline:0}
.item_select button{width:calc(100% - 10px);height:60px;margin:10px;border-radius:10px;background:#9b56e1;font-size:18px;color:#fff}

.gift_card{position:relative;margin-top:10px;padding:25px;border-radius:10px;background:#f6f6f6;box-shadow:2px 2px 2px rgba(0,0,0,.3);}
.gift_select{margin-left:-10px}
.gift_select label{float:left;overflow:hidden;position:relative;width:calc(50% - 10px);margin:0 0 10px 10px;padding:10px;border-radius:10px;border:1px solid #d3d3d3;background:#fff;text-align:center;letter-spacing:-1px;box-sizing:border-box}
.gift_select label img{display:block;margin:0 auto}
.gift_select label.g1{color:#ff6935}
.gift_select label.g2{color:#e6000f}
.gift_select input[type="radio"]:checked + label{border-color:#fc4b93;box-shadow:0 0 5px rgba(238,52,93,.5);}
/*.gift_select input[type="radio"]:checked + label:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8) url(img/ico_check.png) no-repeat 50% 50%;background-size:22px 22px;content:''}*/
.gift_card .t1{overflow:hidden;display:block;position:relative;width:100%;height:61px;margin-bottom:10px;border-radius:10px;border:1px solid #d3d3d3;background:#fff;box-sizing:border-box}
.gift_card .t1:focus-within{position:relative;border-color:#fc4b93;box-shadow:0 0 5px rgba(238,52,93,.5);}
.gift_card .t1 input{width:100%;height:61px;border:0;outline:0;box-sizing:border-box}
.gift_card .t1 i{display:block;position:absolute;top:15px;right:13px;width:31px;height:27px;background:url(img/ico_giftcard3.png) no-repeat;background-size:31px 27px;}
.gift_card textarea{overflow-y:auto;display:block;position:relative;width:100%;height:165px;padding:10px 15px 15px 15px;border-radius:10px;border:1px solid #d3d3d3;background:#fff url(img/ico_giftcard3.png) no-repeat top 13px right 15px;background-size:31px 27px;line-height:28px;resize:none;box-sizing:border-box}
.gift_card textarea:focus{position:relative;border-color:#fc4b93;box-shadow:0 0 5px rgba(238,52,93,.5);outline:0}
.gift_card button[type=submit]{width:100%;height:61px;margin-top:25px;border-radius:8px;background:#fc4b93;font-size:19px;color:#fff}
.gift_select:after{display:block;clear:both;content:''}

.coin_history{width:100%;border-bottom:1px solid #cdcdcd;table-layout:fixed;}
.coin_history th{position:relative;height:42px;border-bottom:1px solid #cdcdcd}
.coin_history th:after{display:block;position:absolute;top:14px;right:0;width:1px;height:15px;background:#b6b6b6;content:''}
.coin_history th:last-child:after{opacity:0}
.coin_history tr:nth-child(odd) td{background:#f0f0f0}
.coin_history td{height:40px;text-align:center}
.coin_history td .green{color:#5ead01}
.coin_history td .red{color:#fd4100}
.btn_coin_history{width:100%;height:50px;margin-top:20px;background:transparent;font-size:18px;}

.chat_wrap{overflow-y:auto;position:fixed;top:60px;right:0;bottom:70px;left:0;width:100%;padding:0 15px;background:#fdf4f5 url(img/bg_chat.png) no-repeat 0 100%;background-size:100% auto;text-align:center;box-sizing:border-box}
.chat_wrap h3{display:inline-block;position:relative;top:-13px;padding:0 8px;background:var(--color-body);font-weight:100;vertical-align:top;line-height:26px}
.chat_wrap .helplists li a{height:45px;padding:0}
.chat_wrap button{width:100%;height:45px;border-radius:3px;border:1px solid var(--color-border);background:transparent}
.chat_wrap strong{display:block;width:100%;margin:0 auto 6px;padding:2px 0 3px;border-radius:3px;background:rgba(238,52,93,.3);font-size:12px;font-weight:normal;color:#fff}
.chat_wrap strong:last-child{margin-bottom:12px}
.chat_wrap .card{position:relative;width:280px;height:175px;margin:10px auto;padding:10px 0;background:url(img/bg_gift.png) no-repeat;background-size:280px 175px}
.chat_wrap .card p{position:absolute;bottom:35px;left:0;height:60px;padding-left:80px;text-align:left}
.chat_wrap .card p span{display:block;font-size:12px;color:#ff8ec3;letter-spacing:-1px;}
.chat_wrap .card p em{font-style:normal;font-size:24px;font-weight:bold;letter-spacing:-1px;}
.chat_wrap .card p i{color:#737373}
.chat_lists{display:flex;flex-direction:column;align-items:flex-start;text-align:center}
.chat_lists span{display:block;margin:6px auto;font-size:13px;opacity:.7}
.chat_lists p{display:inline-block;position:relative;padding:8px 15px;border:1px solid #e5e5e5;border-radius:10px;text-align:left;word-wrap:break-word;word-break:break-all}
.chat_lists p.q{margin:12px 25% 12px 50px;background:#fff}
.chat_lists p.q img.avatar{display:block;position:absolute;top:0;left:-50px;width:36px;height:36px;border:1px solid #333;border-radius:50%;}
.chat_lists p.q:before{position:absolute;top:9px;left:-7px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff; content:'';z-index:1}
.chat_lists p.q:after{position:absolute;top:11px;left:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #e5e5e5; content:'';z-index:0}
.chat_lists p.a{max-width:75%;margin:12px 0 12px auto;background:#1a233b;color:#fff}
/*.chat_lists p.a:before{position:absolute;right:-8px;bottom:0;width:20px;height:20px;background:#1a233b;border-bottom-left-radius:15px;content:'';z-index:0}
.chat_lists p.a:after{position:absolute;right:-10px;bottom:0;width:10px;height:20px;background:#f1f6fd;border-bottom-left-radius:10px;content:'';z-index:1}*/
.chat_lists p.a i{display:block;position:absolute;top:50%;left:-30px;margin-top:-10px}
.chat_lists p img{vertical-align:top;}
.chat_input{display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:70px;border-top:1px solid #cdcdcd;background:#f5f5f5;box-sizing:border-box}
.chat_input label{display:block;width:25px;height:28px;margin-left:15px;background:url(img/ico_camera.png) no-repeat;background-size:25px 28px}
.chat_input span{display:block;position:relative;width:100%;height:45px;margin:0 10px;border-radius:10px;border:1px solid #cdcdcd;background:#fff;}
.chat_input span input{width:calc(100% - 46px);height:45px;padding:0 46px 0 10px;line-height:45px;border-radius:11px;border:0;resize:none;outline:0;box-sizing:border-box;}
.chat_input span a.btn_chat_more{display:block;position:absolute;top:10px;right:10px;width:26px;height:26px;background:url(img/ico_chat_grid.png) no-repeat;background-size:26px 26px;font-size:0;line-height:0;}
.chat_input button{display:block;width:45px;height:45px;margin-right:15px;border-radius:10px;background:#fc4b93 url(img/ico_send.png) no-repeat 50% 50%;background-size:20px 22px;font-size:0;line-height:0;}
.chat_input .point_add{display:none;position:absolute;top:-100px;right:-60px;padding:0 15px 15px 15px;border-radius:10px;border:1px solid #cdcdcd;background:#f5f5f5;text-align:center;z-index:100;}
.chat_input .point_add h5{height:38px;line-height:38px;}
.chat_input .point_add input,.chat_input .point_add button{display:inline-block;vertical-align:top;}
.chat_input .point_add input{width:100px;padding:0 10px;border-radius:5px}
.chat_input .point_add button{margin:0;background-image:url(img/ico_send2.png)!important;}
.chat_input .point_add:before{display:block;position:absolute;bottom:-11px;left:50%;width:0;height:0;margin-left:-6px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #cdcdcd;content:''}
.chat_input .point_add:after{display:block;position:absolute;bottom:-10px;left:50%;width:0;height:0;margin-left:-5px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f5f5f5;content:''}
.chat_input .point_add a{display:block;position:absolute;top:0;right:0;width:38px;height:38px;background:url(img/ico_close2.png) no-repeat 50% 50%;background-size:15px 15px;font-size:0;line-height:0;}

.chat_wrap.admin .chat_lists p.a,.chat_wrap.admin .chat_lists p.a:before{background:#9b56e1}
.chat_wrap.admin strong{background:rgba(155,86,225,.3);}

.confirm{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:100}
.confirm button{padding:8px 20px;border-radius:5px;background:#9b56e1;font-size:18px;color:#fff}

@keyframes scroll-left {
    0%{left:0%;}
    100%{left:-100%;}
}