@font-face {
    font-family: 'prsxt';
    src: url('../fonts/prsxt.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'wzsf';
    src: url('../fonts/wzsf.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OPPOSans';
    src: url('../fonts/OPPOSans-M.ttf');
    font-weight: normal;
    font-style: normal;
}


/***************************顶部*************************/
.header{ width:100%; max-width:7.2rem; height:auto; overflow: hidden; margin: 0 auto; }
.header .logo{width:auto; height:1rem; float:left; margin:0 auto; text-align:center;}
.header .logo img{ width:auto; height:0.6rem; margin:0.2rem; float: left;}
.header .webname{ position:relative; width:auto; height:1rem; float: left; margin:0 auto; text-align:center; font-size: 0.4rem; color:#333; font-family:microsoft yahei; font-weight: bold; line-height: 1rem;}

/*内页*/
.header_n{ width:100%; max-width:7.2rem; height:1rem; position:fixed; z-index:99; top:0;}

.header_n .headerleft{width:0.5rem; height:1rem; float:left; margin:0 auto; text-align:center;}
.header_n .headerleft img.iback{ width:0.18rem; height:0.32rem; margin-top:0.34rem; position:absolute;}
.header_n .headercenter{ position:relative; width:85%; height:1rem; margin:0 auto; text-align:center; color:#333; font-family:microsoft yahei;}
.header_n .headercenter p{ line-height:1rem; font-size:0.36rem; position:absolute; width:100%; top:0rem;}

/**************************banner*****************************/
.main_visual {position: relative;z-index: 1;min-width: 320px;max-width: 750px; margin:0 auto;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;}
.main_image li a {display: block;width: 100%;height: 100%;position: relative;}
.main_image li a .laber{width: 100%;height: 0.65rem;text-align: center;margin: 0px auto;position: absolute;left: 0px;right: 0px;font-size: 0.28rem;color: #fff;z-index: 15;bottom: 0.6rem;}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom:0.2rem;left: 48%;z-index: 11;}
div.flicking_con li {float: left;height:0.18rem;width:0.18rem;margin: 0 5px;display: inline-block; background-color:#fff;border-radius: 100%;color: #fff;}
div.flicking_con li.on { background-color:#006cb7; color: #006cb7;}

/*index*/
.index_bg{ width: 100%; height: auto; overflow: hidden; padding:0; }
.video{width: 100%; height: auto; margin:0 auto; overflow: hidden; text-align: center;}
.video video{width: 100%; height: 100%;}
.index_box{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center; position: relative;}
.index_box img{ max-width: 100%; height: auto;}
.index_box .anniu{ max-width: 100%; height: auto; overflow: hidden; position: fixed; bottom: 0; left: 0; background-color: #cd0009;}

/*erweima*/
.erwei{ width: 50%; height: auto; overflow: hidden; margin: 0.3rem auto 0.1rem auto; text-align: center;}
.erwei img{ max-width: 100%; height: auto;}
.phone{ width:80%; height:auto; overflow: hidden; margin: 0 auto 0.5rem auto; color: #fff; font-size:0.32rem; font-weight:bold; line-height: 0.5rem; text-align: center;}


/*产品*/
.index_box .sousuo{ width:94%; height:0.7rem; border-radius:0.2rem; background-color:#fff; margin:0.2rem auto 0.4rem auto; box-shadow: 0px 5px 10px #bebebe;}
.index_box .sousuo .sbtn{ width:0.88rem;  height: 0.59rem; margin:0.04rem; float:right; text-align:center; background: url(../img/images/t12.png) no-repeat center; background-size: cover; border: 0; color: #fff;}
.index_box .in_nav{width: 94%; height: 0.7rem; overflow: hidden; margin: 0.1rem auto;}
.index_box .in_nav #TouchNav{width:85%;overflow:hidden; float: left; text-align: left;}
.index_box .in_nav #TouchNav .swiper-slide{width:auto;padding: 0 0.3rem;text-align:center; display: inline-block;}
.index_box .in_nav #TouchNav .swiper-slide span{transition:all .3s ease;display:block;}
.index_box .in_nav #TouchNav .active span{transform:scale(1.1); font-weight: bold; border-bottom: 0.06rem solid #f57015;}
.index_box .in_nav .nav_menu{width: 15%; height: auto; float: left; margin: 0 auto; background: url(../img/images/t16.png) no-repeat left center; background-size: auto 80%; text-indent: 0.4rem;}
.product{ width:94%; max-width:7.2rem; height:auto; overflow:hidden; margin:0 auto; padding-bottom: 0.5rem;}
.product .r_box{ width:48%; height:auto; margin:0 1% 0.2rem 1%; float: left; position:relative; background-color:#fff; border-radius:0.1rem;}
.product .r_box .pic{ width: 100%; height:2.3rem; overflow: hidden; border-radius:0.1rem;}
.product .r_box img{width:100%; height:auto;}
.product .r_box .right{ width:94%; height:auto; overflow: hidden; margin: 0.2rem 3%; position: relative; }
.product .r_box .right .title{ width:100%; height:0.8rem; overflow: hidden; margin: 0 auto; color: #323232; font-size:0.3rem; font-weight: 400; line-height: 0.4rem; text-align: left;}
.product .r_box .right .shou{ width:100%; height:auto; overflow: hidden; margin: 0.1rem auto; color: #c9a25d; font-size:0.24rem; line-height: 1.5; text-align: left;}
.product .r_box .right .jia{ width:100%; height:auto; overflow: hidden; margin: 0.1rem auto 0 auto; color: #f57015; font-size:0.36rem; font-weight: bold; line-height: 1.5; text-align: left;}
.product .r_box .right .jia2{ overflow: hidden; margin: 0 auto 0 0.2rem; font-weight: lighter; color: #acacac; font-size:0.24rem; line-height: 1.5; text-decoration: line-through; text-align: left; }
.product .r_box .right .car{ width: 0.42rem; height: 0.42rem; overflow: hidden; position: absolute; bottom:0; right: 0;}

.product .down{ width:100%; max-width:7.2rem; height:9.4rem; overflow:hidden; margin:0 auto 0.2rem auto; position: relative;}
.product .down .bottom{ width:100%; height:auto; overflow:hidden; margin:0 auto; position: absolute; bottom: 0.3rem; left: 0;}
.product .down .jia{ width:45%; height:auto; overflow:hidden; margin:0 auto 0 5%; float: left;  background: url(../img/images/t11.png) no-repeat center; background-size: 100% auto;}
.product .down .jia div{ width:100%; height:auto; overflow:hidden; margin:0 auto;  line-height:2; color:#fef0cc; font-size:0.34rem; font-family:OPPOSans; font-weight:500; text-align:left;}
.product .down .jia div:nth-child(2){ width:100%; height:auto; overflow:hidden; margin:0 auto;  line-height:1.2; color:#fef0cc; font-size:0.3rem; font-family:OPPOSans; font-weight:500; text-align:left;  }
.product .down .jia span{ line-height:1; color:#fef0cc; font-size:0.6rem; font-family:OPPOSans; font-weight:500; text-align:left;}
.product .down .jia div:nth-child(2) span{ line-height:1.2; color:#fef0cc; font-size:0.54rem; font-family:OPPOSans; font-weight:500; text-align:left;text-decoration: line-through;}
.product .down .title{ width:43%; height:0.75rem; overflow:hidden; margin:0.3rem auto 0 auto; float: right; line-height:1.2; color:#333; font-size:0.22rem; font-family:microsoft yahei; text-align:left; background: url(../img/images/t2.png) no-repeat left center; background-size:auto 0.75rem;}

.cartb{ width: 0.8rem; height: 0.8rem; position: fixed; bottom:1.2rem; right:0.2rem; background: url(../img/addcar.png) no-repeat center; background-size: 100%;}
.cartb .nums{width: 0.3rem;height: 0.3rem;border: 2px solid #faf6ec;border-radius: 50%;background-color: #c3292c;text-align: center;font-family: Arial;color: #fff4e6;font-size: 0.22rem;line-height: 0.32rem;position: absolute; right: -0.1rem;top: -0.1rem;}

/***************************底部*************************/
/**footer**/
.footer{ overflow:hidden; position:fixed; width:100%; height:1rem; max-width:720px; margin:auto; left:0; right:0; bottom:0; z-index:101; background:#333;}
.footer img{max-width: 100%}
.footer ul{ overflow:hidden;}
.footer ul li{ width:33%; float:left; text-align:center; padding-top:0.2rem; position:relative;}
.footer ul li img{ height:0.42rem;}
.footer ul li p{ font-size:0.24rem; color:#fff;}
.footer ul li.footlia p{ color:#fff; font-weight: bold;}


/****设备管理****/
.device{ width:96%; height:auto; overflow:hidden;}

.viewd td{ padding:0.15rem 0; line-height:0.45rem; text-indent:0.1rem;}


/* success */
.success_bg{width: 100%;background-color: #f8f8f8;height: auto;overflow: hidden;min-height:6.5rem;}
.sucess_pic{width:100%;height:auto;margin: 0.6rem auto 0.2rem;overflow: hidden; text-align:center;}
.sucess_pic img{width:0.3rem; height:auto;}
.sucess_txt{width: 100%;text-align: center;font-size: 0.28rem;color: #333;margin-bottom: 0.3rem;}
.sucee_bot{width: 60%;border-radius: 10px;height: 0.66rem;background-color: #03bf00;line-height: 0.66rem;text-align: center;color: #fff;font-size: 0.26rem;margin: 0px auto 0.3rem;border: 1px solid #03bf00;}
.sucee_bot.cuc{background-color: #f7f7f7;color: #666;border: 1px solid #dedede;}


.pitem_box{width: 100%;height: auto;overflow: hidden;padding-top: 0.9rem;}
.about_line{width: 100%;height: 0.2rem;background-color: #f2f6f7;}
.item_buy{ width:95%; margin:0 auto;overflow: hidden;}
.item_buy ul li{ border-bottom:#eee solid 1px; float:left; width:100%;padding: 0.18rem 0px;}
.item_buy ul li span{display: inline-block;float: left;font-size: 0.26rem;color: #666;line-height: 0.5rem;}
.item_buy ul li p.p1{font-size: 0.24rem;color: #fe6f01;text-align: right;}
.item_buy ul li .picimg{float: right;width: 0.5rem;height: 0.5rem;background: url(../img/mall/pay_w.png) no-repeat center;background-size: 100%;}
.item_buy ul li .txtnam{display: inline-block;float: left;padding-left: 0.3rem;font-size: 0.26rem;color: #000;line-height: 0.5rem;}
.item_buy ul li .txtnam.cor{color: #e4393c;font-weight: bold;font-size: 0.3rem;}

/*购物车*/
.addcar{ width:100%; height:2rem; overflow:hidden; margin:0 auto;}
.addcar .title{ width:100%; height:0.6rem; overflow:hidden; margin:0.15rem auto; line-height:0.6rem; color:#333; font-size:0.28rem; font-family:microsoft yahei; text-align:center; background:url(../img/true.png) no-repeat 15% center; background-size:auto 100%;}
.addcar .carbtn{ width:100%; height:0.7rem; overflow:hidden; margin:0.2rem auto 0 auto; text-align:center;}
.addcar .carbtn .l{ width:100px; height:0.6rem; overflow:hidden; display:inline-block; margin:0 0.1rem 0 auto; border:1px solid #ddd; border-radius:0.05rem; background-color:#eee; line-height:0.6rem; color:#666; font-size:0.24rem; font-family:microsoft yahei; text-align:center;}
.addcar .carbtn .r{ width:100px; height:0.6rem; overflow:hidden; display:inline-block; margin:0 0.1rem 0 auto; border:1px solid #e62318; border-radius:0.05rem; background-color:#e62318; line-height:0.6rem; color:#fff; font-size:0.24rem; font-family:microsoft yahei; text-align:center;}


/*********************信息详情**************************/
.con_box{ width:100%; height:auto; min-height: 88vh; overflow:hidden; margin-top: 1rem; padding:0.2rem 0.2rem; box-sizing: border-box; background-color: #f6f7f8;}
.table_1 tr td{text-align: center; line-height: 1.6; height: 0.75rem }
.table_1 tr:nth-child(odd) {background-color:#f3f3f3;}
.trbg{ background-color:#186adf !important; border-bottom:1px solid #eaeaea; color:#fff}
.trbg td{ text-align: center}
/*操作按钮*/
.buton_coin1{ display:inline-block; background-color:#c4e8ff; padding:0% 3%; line-height: 1.5; color:#007ccb; border:1px solid #007ccb;border-radius: 2px;}
.buton_coin2{ display:inline-block; width:30%; background-color:#c4e8ff; color:#007ccb; border:1px solid #007ccb;border-radius: 2px; margin:4% auto 2%; font-size:1em}
/*********************首页样式**************************/

/*********************表单样式**************************/
.t_from{ width:90%; float:left; padding:5%}
.t_from li{ width:100%; float:left; margin-bottom:5%}
.t_from li em{ width:25%; float:left; line-height:2.5}
.t_from li span{ width:75%; float:right; line-height:2.5}
.addinputs{ width:100%; height:0.6rem; line-height: 0.6rem; border:1px solid #e7e7e7;border-radius:3px; }
.addinputs1{ width:100%;  line-height: 0.6rem;border: none; padding-bottom: 0.2rem!important; border-bottom:1px solid #e7e7e7;border-radius:3px; }
.t_from input,.t_from textarea,.t_from select{box-sizing: border-box; padding:0 0.1rem}

.t_from .check1 span{ float:left; width:0.8rem; display: inline-block;background:url(../img/false.png) no-repeat center 80%; background-size:60% auto; }
.t_from .check1 .cur{background:url(../img/true.png)  no-repeat center 80%;background-size:60% auto;}

.check1 span{ float:left; width:0.8rem; display: inline-block;background:url(../img/false.png) no-repeat center 80%; background-size:60% auto; }
.check1 .cur{background:url(../img/true.png)  no-repeat center 80%;background-size:60% auto;}

.t_from ul li .pic{ background:url("../img/n_pic.png"); height:4.5em; width:4.5em; background-size:100%}
.t_from ul li .pics{ background:url("../img/n_pic.png"); height:4.5em; width:4.5em; margin-right: 0.3em; background-size:100%}


.t_con{ width:100%; float:left; line-height:1.5; box-sizing: border-box}
.t_con li{ width:100%; float:left; margin-bottom:0.2rem}
.t_con li em{ width:25%; float:left; }
.t_con li span{ width:75%; float:right; }
.t_con li img{max-width: 100%}

.table3{ width:100%; border-radius:2px;border-top:#ccc solid 1px; border-left:#ccc solid 1px; line-height: 30px}
.table3 tr td{ height:30px; text-align:center;border-bottom:#ccc solid 1px; padding:3px 3px; border-right:#ccc solid 1px}
.table3 tr:hover{background:#f9f9f9;}

.btn{ font:1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:40%; height:0.6rem; line-height:0.6rem; border-radius:0.1rem; cursor:pointer; color:#fff; text-align:center; background: linear-gradient(to right, #202c60 , #202c60); display:block; margin:0.5em 0; border:0px; float:left}
input:disabled{ background:#ccc}
.btn1{font:1em bold 'Microsoft YaHei', Arial, Helvetica, sans-serif; width:80%; margin:0 auto; height:3em; line-height:3em; border-radius:0.5em; text-align:center; color:#fff; background:#01a05e; border:0; margin-bottom:0.8em; display:block; cursor:pointer;-webkit-appearance: none; }
.btn2{ font:1em bold 'Microsoft YaHei',Arial, Helvetica, sans-serif; width:45%; height:3em; line-height:3em; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center; background:#01a05e; display:block; margin:1em 0; border:0px; float:right}
.btn2:hover{ background-color:#01a05e}
.btn3{  font-size: 0.3rem; width:100%; line-height: 2.5; border-radius:0.3em; cursor:pointer; color:#fff; text-align:center;display:block; margin:2em 0 1em; border:0px; background: linear-gradient(to right, #59b64c , #59b64c); border-radius: 2em; }
.btn4{  font-size: 0.3rem; width:100%; line-height: 2.5; border-radius:0.3em; cursor:pointer; color:#999; text-align:center;display:block; margin:2em 0 1em; border:0px; background: linear-gradient(to right, #d4d0cb , #d4d0cb); border-radius: 2em; }
.btn5{ font-size: 0.32rem; width:auto; margin:0.1rem; padding: 0.03rem 0.3rem; height:0.6rem; line-height:0.6rem; border-radius:0.5em; text-align:center; color:#fff; background:#59b64c; border:0; margin-bottom:0.8em; cursor:pointer;-webkit-appearance: none; float: right;text-indent:0;}
.nav_box{ width:100%; height:auto; overflow:hidden; background-color:#fff; padding:0.2rem 0.2rem; }
.nav_box a{ display:block; float:left;  color:#333; padding:1% 1.2% 1.2% 1.2%; margin-right: 2%; border:1px solid #dedede; box-sizing: border-box; border-radius: 5px}
.nav_box a.cur{ border:1px solid #c72619; color:#c72619}
.nav_box_bottom{width: 100%; height: 0.1rem;  background: #f3f3f3; display: block}
/*********************个人信息展示**************************/
.info_box{ width:100%; height:auto; overflow:hidden; padding:0.35rem 0px;}
.info_boxleft{ width:4.3rem; float:left; margin-left:0.3rem; overflow:hidden}
.info_boxleft .info_phone{ width:1rem; height:1rem; float:left; margin-right:0.15rem; overflow:hidden;border-radius:50%;}
.info_boxleft .info_phone img{ width:100%; }
.info_boxleft .info_name{ width:3.1rem; float:left; overflow:hidden; margin-top:0.1rem}
.info_boxleft .info_name p.p1{ font-size:0.26rem; color:#fff; line-height:0.45rem;}
.info_boxright{ width:2rem; height:0.69rem; float:right;overflow:hidden; background:url(../img/house_bg.png) no-repeat; background-size:100% auto; margin-top:0.18rem; position:relative; line-height:0.69rem; font-size:0.26rem; color:#fff; padding-left:0.76rem; box-sizing: border-box}
.info_boxright .coinhouse{ width:0.46rem; height:0.51rem; background-size:100%; position:absolute; left:0.23rem; top:0.1rem}





/*********************通知板块1**************************/
.news_bg{ width:6.67rem; margin:0px auto ; background-color:#fff; overflow:hidden; border-radius:5px; padding:0.25rem 0px 0px;background: rgba(255,255,255,1);}
.news_bg2{ width:6.67rem; margin:0px auto ; background-color:#fff; overflow:hidden; border-radius:5px; padding:0.5rem 0px 0.2rem;background: rgba(255,255,255,1); margin-top: 0.275rem}
.news_picbox{ padding:0px 0.1rem; overflow:hidden;}
.news_picbox ul li{ width:25%; float:left; overflow:hidden; text-align:center; position:relative}
.news_picbox ul li img{width: 40%}
.news_picbox ul li a .picboxt{ width:0.97rem; height:0.88rem; margin:0px auto 0rem;}
.news_picbox ul li a p.p1{ font-size:0.26rem; color:#333; line-height:0.38rem; padding-bottom:0.2rem}
.news_picbox ul li .icocount{ width:0.39rem; height:0.39rem; border-radius:50%; background:#ec5622; background-size:100%; line-height:0.4rem; text-align:center; font-size:0.24rem; color:#fff; position:absolute; right:0.23rem; top:0px;}
.news_picbox ul li a .picboxt{ width:0.97rem; height:0.88rem; margin:0px auto 0rem;}

.news_picbox ul li a .picboxt.pic1{ background:url(../img/news/coin1.png) no-repeat center center; background-size:75%}
.news_picbox ul li a .picboxt.pic2{ background:url(../img/news/coin2.png) no-repeat center center; background-size:90%}
.news_picbox ul li a .picboxt.pic3{ background:url(../img/news/coin3.png) no-repeat center center; background-size:85%}
.news_picbox ul li a .picboxt.pic4{ background:url(../img/news/coin4.png) no-repeat center center; background-size:100%}
/*********************信息列表**************************/
.news_view{line-height: 1.8; width: 100%}
.news_title{text-align: center;}
.news_time{text-align: center}
.news_content{width:100%; height: auto; overflow: hidden;}
.news_content img{max-width: 100%}
/*********************信息列表**************************/

.news_list{ width:100%; height: auto; background-color:#f7f7f7; border-radius:0px 0px 10px 10px; padding:0.15rem 0px ; overflow:hidden;transition: max-height .3s ease-in;transform-origin: 50% 0;animation: slide-down 0.3s ease-in;-webkit-animation: slide-down 0.3s ease-in;}
.news_list ul li{ width:100%;float:left; line-height:0.48rem; overflow:hidden;font-size:0.25rem; }
.news_list ul li a span{ display:block; float:left; width:75%; color:#666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-left:0.2rem}
.news_list ul li a font{ color:#147fd7;display:block; float:left;}

.news_list ul li a i{ display:block; float:right; color:#999; margin-right:0.2rem}
.news_list ul li a i.shenheboton{ width:0.85rem; height:0.41rem; line-height:0.41rem; background-color:#147fd7; color:#fff; text-align:center; border-radius:5px;}
.ui-headerbg2{min-width: 320px;max-width: 720px; background:url(../img/news/top_bj2.jpg) no-repeat top center #1569cc; background-size: 100%;}
.ui-headerbg3{min-width: 320px;max-width: 720px; background:url(../img/news/top_bj3.jpg) no-repeat top center #1569cc; background-size: 100%; padding-bottom:0.5rem}
.news_tit{ width:6.6rem; height:auto; overflow:hidden; margin:0px auto; line-height:0.5rem; font-size:0.3rem; color:#fff; padding:0.2rem 0px 0.1rem;}

/***************************登录页面**************************/
.login_bg{background:url('../img/login_bg.png') top no-repeat; background-size: 100%}
.login_bg .wapper{padding-bottom: 0;height: 100%; background:none;}
.login_title{text-align: center; color: #fff; line-height: 1.8}
.login_bg .login-form{float:left; margin-top: 3.5rem}

    .login-top{width: 100%;height: 114px;background: url("../img/logo.png") no-repeat #fecf1c 50% 0;background-size: 47% auto;}
    .login-form{width: 100%; height: auto;overflow: hidden;text-align: center;}
    .login-form #login{ width:80%; overflow:hidden;height: auto;margin: 0 auto; }
    .login-form #login div{height:55px;}
    .login-form #login div span{height:55px;line-height:55px; text-align:left; float:left; position:relative;width: 14%;}
    .login-form #login div span img{width:50%;}
    .login-form #login div input{width:55%;height:100%;border:0;padding:0;background: none;float: left; font-size: 0.3rem}
    .login-form #login div p{float: left;width: 30%;}
    .login-form #login div p .find{display: block;width: 100%;height:55px;line-height:55px;text-align: right;}
    .login-form #login .btnLogin{width:100%;height:50px;line-height:50px;border-radius:5px;text-align:center;color:#000000;background:#ffe519;border:0;margin-bottom:20px;cursor:pointer;margin-top: 15px;}
    .login-form #login a.btnRegister{width:100%;height:50px;line-height:50px;border-radius:5px;text-align:center;color:#000000;background:#ffe519;display: block;}
    .login-form > img{width: 90%;margin: 22px 0 20px 0;}
	.login-form{ color:#333}
	.login-form #login div input{ border:none; border-bottom:#eee solid 1px;border-radius: 0; width:90%; float:left; padding:0 5%; padding-bottom:0.5em; line-height:2.5; height:2.5em;  background-size:100%;}
	::-webkit-input-placeholder{ color:#999; font-size:0.22rem;}

	




.odl {width: 90%; margin: 0 auto}
.odl ul li{ overflow:hidden;  background: #fee6b6; border-bottom: #bb170b solid 1px; padding:10px 2%; box-sizing: border-box}
.odl ul li .left{ width:33%; padding-left:1%; float:left;color:#000; }
.odl ul li .right{ float:right; width:65%; text-align:left; padding-right:1%; color:#333; }
.odl ul li .right i{  float:right}

.odl_title{text-align: center; color: #fff; margin-top: 1rem}

.odl2 {width: 90%; margin: 0 auto}
.odl2 ul li{ overflow:hidden;  background: #fee6b6; padding:10px 2%; margin-bottom: 0.5rem; border-radius:3px; box-sizing: border-box}
.odl2 ul li .left{ width:33%; padding-left:1%; float:left;color:#000; }
.odl2 ul li .right{ float:right; width:65%; text-align:left; padding-right:1%; color:#333; }
.odl2 ul li .right i{  float:right}