@charset "gbk";
/* CSS Document */
/******************************/
*{ margin:0px; padding:0px;}
body{ margin:0px auto; padding:0px;  font-size:100%/1.6; font-family:"微软雅黑";color:#333333; background:#fff; max-width:640px;}
ul,li,hr,p{ margin:0px;  padding:0px; border:none;}
li{ list-style:none;}
div{zoom:1}
h1,h2,h3,h4,h5{ font-weight:normal}
img{ border:none;}
a{ text-decoration:none; color:#333333;}
/*****ie*****/
a{blur:expression_r(this.blur());}
a { outline:none; } 
.fr{ float:right;}
.fl{ float:left;}
.clear{ clear:both}
input,button,select,textarea{ outline:none;-webkit-appearance:none;}




.hc_login{background:#9ec56a url(../img/login.jpg) bottom center no-repeat; background-size:100% 100%;height:100%; overflow:hidden; position:absolute; width:100%; left:0}
.hc_reg{ width:92%; margin:30px auto 0; text-align:center; max-width: 640px;}
.hc_reg img{ width:80%;}
form.hc_heton{width:92%; margin:0px auto 0;}
.hc_input{width:92%;line-height:40px;height:40px;/*border:1px solid #dfdfdf;*/border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:8px 0;padding:0 4%;color:#333; background:rgba(255,255,255,1); font-size:1em}
.hc_input img{ width:20px; height:20px; float:left; margin-top:10px; margin-right:8px;}
input.fo{ background-color:transparent; border:none; width:85%; height:38px; color:#333; font-family:'微软雅黑',Arial, Helvetica, sans-serif; font-size:16px;}
.fo1{ margin-top:0px; background-color:transparent; border:none;width:100%;line-height:42px;height:42px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:rgba(255,255,255,1);color:#333;font-size:16px; /*border:1px solid #dfdfdf;*/}

.hc_heton p{/* text-align:right;font-size:14px;*/line-height:40px;height:40px; text-align:center; margin-top:10px; color:#666;background:rgba(255,255,255,1);border-radius:4px;font-size:1em}
.hc_heton p a{ color:#333; display:block; width:100%; height:42px;}
::-webkit-input-placeholder{ color:#333;}
:-moz-placeholder{ color:#333;}
::-moz-placeholder{ color:#333;}
:-ms-input-placeholder{ color:#333;}



/* ----------------公共---------------------- */

.xl_top{ width: 100%;overflow: hidden; margin: 0 auto; max-width: 640px; background:#fff url(../img/bg.png) top repeat-x; background-size:auto 3px; height:50px; padding-top:3px;}
.xl_top a{display:block; width:100%; text-align:center;}
.xl_top a img{margin:0; vertical-align:middle;width:auto; height:40px; margin-top:5px;}



.xl_dv7{ width: 100%; overflow: hidden; max-width: 640px; margin: 0 auto; border-bottom:1px solid #d9d9d9; height:50px; background:#fff}
.xl_dv7_fh{ width:15%; float: left; display: block; text-align:center;}
.xl_dv7_img{ width: 100%; display: block; overflow: hidden;text-align:center;}
.xl_dv7_img img{height:50px;}
.xl_dv7_gd{ width: 70%; float:left; text-align: center; color: #333; font-size: 1em; line-height:50px; position:relative;}
.xl_dv7_gd img{ height:50px;}
.xl_dv7_fz{ width:14%; display: block; text-align:center; float: right;  }
.xl_dv_m{ display: block; width: 100%;overflow: hidden;}
.xl_dv_m img{height:50px;}

.ex_adr{ position:absolute; right:4%; top:0; width:50px;}
/*popmenu*/
#popmenu{cursor:pointer; display:block; position:relative;  text-align: left;  margin:0 auto;color:#666}
#popmenu:after { content: ""; width: 0;height: 0;position: absolute;right:5px; top:18px;-webkit-transform: rotate(45deg);transform: rotate(45deg); width: 8px; height: 8px; display: inline-block; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; cursor: pointer;}
.ui-title{min-height: 35px; text-align: center; font-size: 14px; font-weight:normal; display: block; 
 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 
outline: 0 !important; display:none;color:#fff; }



footer{ width: 100%;/*height: 111px; */ padding-top:50px; position: relative; }


/* ----------------banner---------------------- */
.slideBox{ position:relative; overflow:hidden; margin:0px auto 0;  max-width:800px; z-index:9 }
.slideBox .hd{ position:absolute; height:20px; line-height:20px; bottom:10px; z-index:1; width:100%; text-align:center;}
.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li .txt{position:absolute; left:0; top:0; z-index:999; font-size:30px;}
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:50%;  height:28px; line-height:24px; color:#fff;  text-align:left; font-size:14px; }
.slideBox .bd li .tit i{color:#fff; font-weight:bold;font-size:16px; margin-bottom:5px; line-height:30px;}
.htcime_cursor{cursor:pointer;}
.htcime_Arial{ font-family:Arial, Helvetica, sans-serif;}
.lsdl_hon{border-bottom:2px solid #209e61; color:#209e61; }



/* ----------------首页---------------------- */



.hc_tj{width:100%; margin:0px auto;  height:auto; position:relative}
.hc_bt{ width:92%; margin:-12px auto 0px;/*background:url(../img/tu2.png) center center no-repeat; background-size:100%; */z-index:10;position:relative; overflow:hidden;  height:30px}
/*.hc_bt p{ width:60%;background:url(../img/tu1.png) center center no-repeat; background-size:auto 30px;  color:#323232;  line-height:30px; font-size:16px; text-align:center; margin:-2px auto ; position:relative;float:left;}*/

.hc_bt .hc_t_left{ color:#ff9000;  line-height:30px; font-size:16px; text-align:center; margin:-2px auto ; position:relative;float:left;}
.hc_bt a{display: block;}
.hc_t_right{float:right;font-size:14px;color:#646464;line-height: 30px;float:right;}


ul.hc_stj{width:100%;margin:10px auto 10px;}
ul.hc_stj li{width: 92%;margin:0 auto 10px;-webkit-border-radius: 4px;-moz-borde-radius: 4px;border-radius: 4px;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);overflow:hidden; background:#ffffff}
ul.hc_stj li a{ display:block}
ul.hc_stj li a:hover{background:#ebebeb}
.hc_tpic{width:100%;max-height:165px; overflow:hidden;}
.hc_tpic img{width:100%;}
.hc_twd{margin-top:10px;width:96%;padding:0 2% 10px;line-height:1.5}
.hc_twd h5{font-size:1em;overflow:hidden;height:28px; overflow:hidden; }
.hc_twd p{ font-size:0.9em; color:#888; line-height:1.5}



/* ----------------列表---------------------- */



.hc_kcap{ width:94%; padding:0px 3%; background:#fff; border-bottom:1px solid #dfdfdf;}
.hc_kcap ul li{ width:100%;   border-radius:5px;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #ccc; overflow:hidden; margin:8px auto;}
.hc_kcap ul li a{ display:block;background:#f7f7f7; width:96%; height:100%; overflow:hidden;padding:8px 2%;}
.hc_kcap ul li a:hover {background:#ebebeb}
.hc_kct{width:45%; height:100px; float:left; position:relative;}
.hc_kct img{ width:100%;height:100px;}
.hc_kct p{ position:absolute; left:-3px; top:-3px;}
.hc_kct p img{ width:60px; height:auto}
.hc_kcbt{width:53%; float:right;overflow: hidden; }
.hc_kcbt h4{ font-size:14px; color:#333; }
.hc_kcbt p{ font-size:12px;line-height:20px; max-height:40px; overflow:hidden; margin-top:3px; color:#666}
.hc_kcbt p img{ width:16px; vertical-align:middle}






/* ----------------内容---------------------- */

.hc_lm{ max-width:620px; background:#fff; height:42px;border-bottom:1px solid #e5e5e5;background:#FF0000;}
.hc_lm ul{width:100%;}
.hc_lm ul li{width: calc(100% / 4); float:left;}
.hc_lm ul li:nth-child(3n+1) {
    border-right:0px solid #fff;
}
.hc_lm ul li a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#ffffff;border-right:1px solid #fff;}
.hc_lm ul li a:hover{ border-bottom:2px solid #333; color:#050505}
.hc_lm ul li a.hc_lm_on{ border-bottom:2px solid #fff; color:#fff; }

.lj-grzl{ width:100%; margin:0 auto;height:auto; overflow:hidden;}
.hc_trav{ width:94%; margin:auto; background:#fff; padding:10px 3% 20px;border-bottom:1px solid #dfdfdf; overflow:hidden;}
.hc_trav h4{font-size:16px; color:#333; line-height:26px; font-weight:600}
.hc_trav h5{ margin:auto;font-size:12px;color:#888; line-height:20px; padding-bottom:8PX; border-bottom:1px solid #dfdfdf; margin-bottom:8px;}
.hc_trav h5 img{ width:16px; vertical-align:middle; margin-right:5px;}
.hc_trav h5 a{ color:#333}
.hc_trav p{font-size:16px; line-height:35px; font-size:14px; color:#666;}
.hc_trav p img{ height:14px;vertical-align:middle; width:auto }
.hc_trav p span{ display:inline-block; line-height:1.6;}
.hc_trav p span img{ width:20px; height:auto;margin-right:5px}

.hc_trzxcn{ width:100%;margin:8px auto;overflow:hidden;}
.hc_trzxcn h3{color:#ff6633;line-height:1.8; font-size:16px; font-weight:normal; padding:8px}
.hc_trzxcn p{ font-size:14px; line-height:1.6; margin:5px 0;}
.hc_trzxcn img{ width:100%;margin-bottom: 10px;}


.bx_yuy{width:100%; max-width:640px;margin:0px auto;overflow:hidden; position:absolute; position:fixed; bottom:50px; z-index:999999}
.bx_yuy a{ height:50px; width:100%; display:block; background:#1aad19; text-align:center; color:#fff; line-height:50px; font-size:18px;}


/*首页*/
.hc_index{ width:96%; padding:10px 0%; background:#fff; border-bottom:0px solid #dfdfdf;}
.hc_index ul li{ width:100%; float:left;border-radius:5px;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #ccc; overflow:hidden; margin:1%;}
/*background:#f7f7f7;*/
.hc_index ul li a{ background: linear-gradient(90deg, #ddf9f0 14%, rgba(0, 207, 139, 0) 110%); display:block; width:96%; height:100%; overflow:hidden;padding:8px 2%; }
.hc_index ul li a:hover {background:#ebebeb}
.hc_index_kct{width:160px; height:80px;  overflow:hidden; border-radius: 3px; float:left; position:relative;}
.hc_index_kct img{ width:160px;height:auto;box-shadow: 0 0 15px rgba(0,38,72,.15);}
.hc_index_kct p{ position:absolute;left:-3px; top:-3px;}
.hc_index_kct p img{ width:60px; height:auto}
.hc_index_kcbt{overflow: hidden; padding:5px; margin-left:10px;}
.hc_index_kcbt h4{ font-size:14px; color:#000; font-weight:bold; padding:5px;}
.hc_index_kcbt p{ font-size:12px;line-height:20px; max-height:40px; overflow:hidden; margin-top:3px; color:#666}
.hc_index_kcbt p img{ width:16px; vertical-align:middle}

/* ----------------报名表---------------------- */



.bx_grzl{width:94%; padding:8px 3% 30px; background:#fff; margin-bottom:10px;}
.bx_grzl h4{font-size:1em; color:#333;line-height:1.8; font-weight:normal; padding:0 0 8px 0; border-bottom:1px solid #666;}

.hc_gezltx{width:96%; margin:10px auto 0;}
.bx_xx{ width:95%;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:8px auto;padding:0 2%;line-height:35px;height:35px; background:#f7f7f7}
.bx_xx p{ font-size:15px; color:#333;width:120px; float:left;}
.bx_xx p span{ color:red}

.hc_frip{width:calc(100% - 120px);line-height:35px;height:35px;color:#333; font-size:16px;font-family:'微软雅黑',Microsoft YaHei; text-align:right; border:none; background-color:transparent}
.hc_frsl{width:calc(100% - 120px);height:35px;color:#333; background-color:transparent;font-size:16px;font-family:'微软雅黑',Microsoft YaHei; border:none;text-align:right;direction: rtl; }

.hc_frqk{width:93%;line-height:22px;height:70px;border:1px solid #dfdfdf;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:8px 0;padding:0 3%;color:#333; font-size:16px;font-family:'微软雅黑',Microsoft YaHei;background:#f7f7f7}
.hc_sub{ background-color:transparent; border:none;width:100%;line-height:35px;height:35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; background:#1aad19;color:#fff;font-size:16px; margin-top:10px;}

.hc_subhs{ background-color:transparent; border:none;width:100%;line-height:35px;height:35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; background:#666;color:#fff;font-size:16px; margin-top:10px;}

.hc_zscy{ width:100%; overflow:hidden;}
.hc_zscy input{ width:49%;background-color:transparent; border:none;line-height:35px;height:35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; background:#1aad19;color:#fff;font-size:16px; float:left}
.hc_zscy input:nth-child(2n){ float: right;background:#888;}

.hc_xzry{ width:100%; overflow:hidden;}
.checkboxThree {width:30%;border:1px solid #dfdfdf;float:left;border-radius: 5px;position: relative;margin-top:10px; margin-right:3.5%; text-align:center; line-height:35px; height:35px}
.checkboxThree:after {position: absolute;top: 0px;left: 0px;width:100%;line-height:35px;color: #fff;font-size: 16px;}
.checkboxThree label {display: block;width:100%;border-radius: 5px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;cursor: pointer;position: absolute;top: 0px;z-index: 1;left: 0px;background: #fff;line-height:35px;}

.checkboxThree input{ visibility:hidden;}
.checkboxThree input[type=checkbox]:checked + label {left: 0px;background:#F90; width:100%; color:#fff}

.checkboxThree:nth-child(3n){ margin-right:0}


/* ----------------ok---------------------- */

.hc_orderpay{ text-align:center;}
.hc_orderpay p img{ width:30%; margin-top:50px; margin-bottom:15px; max-height:180px;}
.hc_orderpay p{ width:92%;  line-height:30px; margin:0 auto 10px; font-size:16px;}

.hc_orderpay a{ width:92%; display:block; margin:auto; background:#1aad19; line-height:2.2; text-align:center; color:#fff; border-radius:4px;}
.hc_orderpay img{ /*width:88%;*/ margin-top:12px;width:30%;   max-height:150px;}
img.hc_ggy{ width:70%; }

/*--------------------------------------个人中心--------------------------------------*/

.lj_hytx{ background:url(../img/tu7.jpg) top center no-repeat; background-size:100% 100%; width:100%; overflow:hidden;padding:15px 0% 0; }
/*.lj_hytx a{ text-align:center; display:block}*/
.hc_tx{ text-align:center}
.hc_tx img{width:60px;height:60px; border-radius:30px; }
.hc_yhm h4{ font-size:16px; font-weight:normal; line-height:30px;/* margin-top:8px;*/ color:#fff; text-align:center} 
.hc_yhm p { text-align:center; background:rgba(0,0,0,0.5); overflow:hidden}
.hc_yhm p a{ display:block; font-size:14px; width:calc(100% / 4); float:left; color:#fff;}
.hc_yhm p img{ width:20px; margin:5px auto}

span.tx_number{ float:right; font-size:0.8em; margin-right:3px;}
.tx_arrow-ent {  margin-left: 5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); width: 15px; height: 15px; display: inline-block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; cursor: pointer; position: relative; top: 30px;}

.hc_fxfl{ width:100%;  padding:0; background:#fff;border-bottom:1px solid #dfdfdf;}
.hc_fxfl ul li{ width:94%; border-bottom:1px solid #dfdfdf;padding:10px 0%; line-height:1.6; overflow:hidden; margin:0 auto; }
.hc_fxfl ul li img{ width:20px; vertical-align:middle; margin-right:8px;}
span.sub{ width:88%; float:left; display:block; font-size:14px;}
span.number{ float:right; font-size:0.8em; margin-right:3px}
.arrow-ent {  margin-left: 5px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); width: 8px; height: 8px; display: inline-block; border-right: 1px solid #888; border-bottom: 1px solid #888; cursor: pointer; position: relative; top: 6px;}





.hc_dhwp{width:94%; padding:0px 3%; margin-top:8px; background:#fff; margin-bottom:20px;}
.hc_dhwp ul li{ width:100%; border-bottom:1px solid #dfdfdf; overflow:hidden; padding:10px 0;} 
.hc_dhwp ul li img{ width:80px; height:60px; float:left; border-radius:4px;}
.hc_sql{  width:72%; float:right;}

.hc_sql h4{ height:35px; font-weight:normal; line-height:35px;font-size:16px;}
.hc_sql h4 span{ width:60%; float:left; display:block;height:35px;  overflow:hidden; line-height:35px;}
.hc_sql h4 small{ width:38%; float:right; display:block; font-size:13px; text-align:right}
.hc_sql p {height:26px; font-size:13px; color:#888; line-height:24px;}
.hc_sql p span{ width:60%; float:left; display:block;height:24px;  overflow:hidden; font-size:13px; color:#888}
.hc_sql p small{ width:38%; float:right; display:block; color:#ff6633; text-align:right;font-size:14px}
.hc_sql a.change{ background:#ddd; padding:0px 8px;}
.hc_sql a.change1{ background:#ff6600; padding:0px 8px; color:#fff}



.hc_wg{ width:94%; padding:0px 3%; background:#fff; border-bottom:1px solid #dfdfdf;}
.hc_wg ul li{ width:94%;   border-radius:5px;-moz-box-shadow: 1px 1px 3px #aaa;-webkit-box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #aaa;box-shadow: 1px 1px 3px #ccc; overflow:hidden; margin:8px auto; background:#f7f7f7; padding:5px 3%}
.hc_wgry{ width:100%;}
.hc_wgry a{ background:none}
.hc_wgry h5{ width:60px; float:right}
.hc_wgry h5 a{ display:block; width:58px; line-height:35px; text-align:center; border:1px solid #aaa; border-radius:5px; margin-top:6px; cursor:pointer}
.hc_wgry h4{ width: calc(100% - 70px); float:left }
.hc_wgry h4 a{ display:inline; background:none}
.hc_wgry h4 p{ font-size:14px; line-height:24px;} 


.dl_ybm{ margin:10px;}
.dl_ybm h5{ font-size:18px; margin-bottom:8px; background:url(../img/tu12.png) left center no-repeat; background-size:18px; padding-left:26px}
.dl_ybm table{ border:1px solid #dfdfdf; width:100%; border-bottom:0px;border-right:0px;}
.dl_ybm table td,.dl_ybm table th{ border-bottom:1px solid #dfdfdf; font-size:14px; line-height:30px; color:#666;/* width:calc(100% / 3); */border-right:1px solid #dfdfdf}

.mode-act-double .title,{-webkit-line-clamp:2;-webkit-box-orient:vertical}
.data-mode.data-mode-ad .ad-link-wrap a,.pointer-wrap a{display:inline-block}
.data-mode{padding-top:30px;position:relative;margin-bottom:20px;background:#fff}
.data-mode .pointer-wrap{bottom:24px}
.data-mode.data-mode-ad{padding:0;background:0 0}
.data-mode.data-mode-ad .ad-link-wrap{text-align:center}
.data-mode.data-mode-ad img{max-width:100%;display:block;height:auto;margin:0 auto}
.data-mode:first-child{padding-top:30px}
.data-mode .mode-title{position:relative;font-size:32px;line-height:32px;color:#333;padding:0 24px;margin-bottom:30px}
.data-mode .mode-title.mode-title-define .titleIcon{width:40px;height:40px}
.data-mode .mode-title.mode-title-define .title-setColor{vertical-align:middle;margin-left:8px;max-width:580px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.data-mode .mode-title a{float:right;font-size:24px;line-height:40px;color:#999;width:70px;position:relative}
.data-mode .mode-title a:before{position:absolute;right:0;font-size:16px;color:#b4b4b4}
.data-mode .mode-title.mode-title-define:before{content:'';display:none}
.data-mode h2{font-size:30px;line-height:50px;color:#333;margin-bottom:40px}
.data-mode p{color:#666}
.mode-act-double{padding:0 24px;overflow:hidden}
.mode-act-double li{margin-bottom:20px}
.mode-act-double li:nth-child(odd){margin-right:11px}
.mode-act-double a{display:block}
.mode-act-double .title{padding:10px;height:70px;line-height:43px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:28px;color:#333;width:320px;margin-bottom:20px}
.mode-act-double img{width:340px;height:227px}
.mode-act-double .act-price{font-size:30px;color:#FF7C07;line-height:30px;padding-left:16px;margin-top:10px}


.lj_case{width:100%; margin:10px auto 0;  height:auto; overflow:hidden;}
.lj-onen{ background:#fff; padding-bottom:15px;}
.lj-onen ul { width:94%; padding:0 3%;overflow:hidden; margin:1px 0;/* height:300px; */}
.lj-onen ul li{ overflow:hidden; width:28%;background:#fff; float:left; padding:6px; margin-top:12px}
/*.lj-onen ul li:nth-child(2n){ float: right;}*/
.lj-onen ul li a{ display:block; position:relative;}
.lj-onen ul li img{ width:100%; height:135px;}
.lj-onen ul li a p{ text-align:center;}

.lj_cpbt{ position:absolute; /*height:26px;*/ background:rgba(0,0,0,0.5); bottom:0px; left:0; width:94%; color:#fff; font-size:0.8em; line-height:20px; text-align:center; overflow: hidden; padding:0 3%;}



.ksdh{ padding:25px 0;}
.ksdh ul li{ width:25%; float:left; text-align:center;}
.ksdh ul li p{ line-height:40px;}
.ksdh ul li img{ width:80%; margin:0 auto;}

.hint {
    width: calc(100% - 20px);
    height: auto;
    font-size: .8rem;
    line-height: 1.5rem;
    padding: 5px 10px;
    color: #999;
	}
.bright-spot{
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    background-color: #fff;
    overflow: hidden;
}
.bright-spot .item[data-v-5c4de224] {
    padding: 3px 10px;
    font-size: .8rem;
    background-color: #ff5700;
    color: #fff;
    float: left;
    border-radius: 10px;
    margin: .3rem .5rem 0 0;
}
.group-stage{
    width: calc(100% - 20px);
    padding: 10px;
    height: 80px;
    background-color: #fff;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}
.group-stage .group-stage-item {
    width: 158px;
    height: calc(100% - 2px);
    border: 1px solid #ff5700;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
     background-color: #ff5700;
    color: #fff;
}

.group-stage-item .date{
    width: 100%;
    height: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .8rem;
}
.group-stage-item{
    background-color: #ff5700;
    color: #fff;
}

.group-stage-item .info[data-v-5c4de224] {
    width: 90%;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.group-stage-item .info .price[data-v-5c4de224] {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    font-size: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.group-stage-item .info .price[data-v-5c4de224] {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    font-size: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;font-size:12px;
}

.item-content {
    width: calc(100% - 20px);
    min-height: 45px;
    border-bottom: .5px solid #f4f4f4;
    margin-left: 10px;
    padding-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.item-content .title{
	font-weight: 400;
	font-size: 1rem;
	color: #393a3f;
	-ms-flex: 1;
	flex: 1;
}
.item-content .notice{
    font-size: 1rem;
}
.icon img{ width:80%;}