body {margin:0;padding:0;min-width:100%;min-height:100%;font-family:Titillium Web,Microsoft JhengHei,Verdana, Arial, Clean, Helvetica, sans-serif, Monotype Corsiva;background:#fff;-webkit-user-select:none;user-select:none;}

.items_panel{position:fixed;z-index:10000;right:-50px;width:100%;max-width:420px;height:100vh;background:#fff;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2);-webkit-transition: 0.6s ease-in-out;opacity:0;visibility:hidden;display:none;}
.panel_banner{float:top;width:100%;height:60px;line-height:60px;background:#ddd;}
.panelitems_div{margin:0 auto;width:90%;height:60px;border-bottom:1px #aaa solid;font-size:21px;text-align:center;}
.panelitems_str{margin:0 auto;;height:60px;line-height:60px;color:#334455;cursor:pointer;}
.panelitems_str:hover{color:#deb842;}
.signincls{margin:0 auto;margin-top:40px;width:80%;height:40px;line-height:40px;font-size:21px;text-align:center;background:#feeebd;border:2px #ddd solid;border-radius:40px;cursor:pointer;}
#signin_id{width:100%;height:100%;}
#signin_id:hover{color:#fff;}
#signed_id{width:100%;height:100%;font-size:16px;}


.banner {position:fixed;z-index:1000;width:100%;height:80px;line-height:80px;font-size:24px;color:#000;background:linear-gradient(to right,#deb842,#e8c969,#feeebd);}
.bannerline {margin:0 auto;width:100%;max-width:1400px;}
.iconcls{float:left;margin:5px;margin-left:5px;margin-top:10px;height:60px;}
.menucls{float:right;margin:12px;height:36px;cursor:pointer;display:none;}
.regcls {float:right;margin-right:10px;margin-top:22px;width:70px;height:36px;line-height:36px;text-align:center;font-size:18px;color:#fff;border:2px #fff solid;border-radius:30px;background:#deb842;cursor:pointer;}
#reg_id{width:100%;height:100%;color:#fff;display:block;}
#reg_id:hover{color:#345;}
#reged_id{width:100%;height:100%;font-size:16px;display:none;}

.menuitems_cls{float:right;margin-right:10px;width:450px;height:100%;line-height:62px;font-size:18px;color:#334455;display:block;}
.menuitems_div{float:right;margin-right:25px;width:fit-content;height:100%;}
.menuitems_str{float:left;margin-top:22px;height:40px;line-height:40px;cursor:pointer;}
.menuitems_str:hover{color:#fff;}

.maincls{float:top;margin:0;padding:0;min-width:100%;min-height:100vh;background:#fff;display:inline-block;}
.mainblock_top{float:top;margin-top:80px;min-width:100%;height:calc(50vh - 80px);background:linear-gradient(to top,#ffffff,#fffbf8,#fff8f5,#fef5f0)}
.mainblock_bottom{float:top;margin:0;padding:0;min-width:100%;height:150px;background:#eee;display:inline-block;}
.mainblock_div{margin:0 auto;margin-top:40px;width:100%;max-width:1400px;height:50vw;max-height:700px;background:#fff;overflow:hidden;}
.mb_r_left{float:left;margin-left:5%;margin-top:2.5%;width:45%;height:90%;background:#fff;}
.mb_r_right{float:right;margin-right:5%;margin-top:2.5%;width:45%;height:90%;background:#fff;overflow:visible;}

.pic_r_cls{float:left;margin-top:5%;width:90%;}
.ui_r_cls{position:relative;z-index:100;left:-10%;top:-50%;width:25%;}
.pic_l_cls{float:right;margin-top:5%;width:90%;}
.ui_l_cls{position:relative;float:right;z-index:100;right:-10%;top:-50%;width:25%;}

.mb_t_div{margin:0 auto;width:100%;max-width:1300px;height:100%;}
.mb_b_div{margin:0 auto;margin-top:50px;width:80%;max-width:1200px;height:60%;font-size:18px;}
.mb_r_div{margin:0 auto;margin-top:8%;width:calc(88% - 2px);height:calc(84% - 2px);border:0px;border-bottom:1px #aaa solid;overflow:visible;}
.mb_l_div{margin:0 auto;margin-top:8%;width:calc(88% - 2px);height:calc(84% - 2px);border:0px;border-bottom:1px #aaa solid;overflow:visible;}

.mb_t_str1{margin:0 auto;margin-top:100px;margin-left:10%;width:85%;height:60px;line-height:60px;font-size:60px;display:inline-block;}
.mb_t_str2{margin:0 auto;margin-top:20px;margin-left:10%;width:85%;height:30px;line-height:30px;font-size:30px;}
.mb_t_str3{margin:0 auto;margin-top:30px;margin-left:10%;width:85%;height:30px;line-height:30px;font-size:24px;font-weight:bold;color:#deb842;}
.mb_t_str4{margin:0 auto;margin-top:20px;margin-left:10%;width:80%;height:30px;line-height:30px;text-align:left;font-size:21px;}

.mb_b_left{float:left;margin-bottom:10px;margin-right:10px;width:fit-content;font-size:18px;}
.mb_b_right{float:right;margin-right:10px;width:fit-content;font-size:18px;}
.policycls{float:left;margin-left:9px;margin-bottom:10px;padding-left:20px;padding-right:10px;border-left:1px #666 solid;cursor:pointer;}
.atcls{font-family:Verdana, Arial, Clean, Helvetica;font-size:20px;}

.mb_icondivy{float:top;margin-left:5%;margin-top:20%;width:70px;height:70px;background:#deb842;border-radius:15%;display:inline-block;}
.mb_icondivb{float:top;margin-left:5%;margin-top:20%;width:70px;height:70px;background:#333;border-radius:15%;display:inline-block;}
.mb_icon{width:100%;}
.mb_title{float:top;margin-top:10px;margin-left:5%;width:90%;height:60px;line-height:60px;font-size:50px;font-weight:bold;display:inline-block;}
.mb_slogan{float:top;margin-left:5%;margin-top:10px;width:90%;height:60px;line-height:60px;font-size:20px;font-weight:bold;color:#deb842;display:inline-block;}
.mb_desc{float:top;margin-left:5%;width:90%;height:50px;line-height:25px;font-size:18px;text-align:justify;display:inline-block;}

.chartcls{margin:0 auto;margin-top:10%;width:98%;height:60%;text-align:center;border:1px #aaa solid;}
.chartdiv{position:relative;left:5%;width:90%;height:85%;background:#fff;}
.bardiv{position:absolute;z-index:100;width:10%;height:100%;top:0;}
.barxstr{position:absolute;z-index:101;width:100%;height:20px;line-height:20px;font-size:20px;bottom:0px;text-align:center;}
.barybar{position:absolute;z-index:101;left:5%;width:90%;bottom:21px;background:#cef;text-align:center;}
.charttitle{position:absolute;z-index:101;top:-30px;width:100%;height:25px;line-height:25px;text-align:center;font-size:24px;}
.chartnote{position:absolute;z-index:101;top:-5%;text-align:center;font-size:21px;}
.chartxstr{position:absolute;z-index:101;bottom:-40px;width:100%;text-align:center;font-size:21px;}


.policypage{margin:0 auto;width:calc(100% - 22px);max-width:1018px;min-height:100vh;background:#fff;}
.policytitle{float:top;margin-top:80px;width:100%;height:80px;line-height:80px;font-size:40px;font-weight:bold;text-align:center;display:inline-block;}
.policydiv{float:top;margin-bottom:20px;padding:10px;width:calc(100% - 22px);min-height:calc(100vh - 180px);text-align:justify;border:1px #666 solid;border-radius:11px;display:inline-block;}

.qdiv{font-size:20px;}
.ugitems_div{float:top;width:100%;min-height:30px;line-height:30px;background:#fff;}
.ugaitemdiv{float:left;padding-left:5px;width:20%;font-size:20px;font-weight:bold;cursor:pointer;}
.ugbrick{float:left;margin:5px;margin-top:10px;margin-bottom:10px;width:calc(33.33% - 10px);min-height:733px;text-align:center;font-size:16px;border:1px #666 solid;border-radius:7px;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.2);display:inline-block;}
.qmark{font-size:24px;}


@media screen and (min-width: 1020px)  {
   .ugbrick{float:left;margin:5px;margin-top:10px;margin-bottom:10px;width:calc(33.33% - 12px);min-height:733px;border:1px #666 solid;}
}
@media screen and (min-width: 700px) and (max-width: 1019px) {
   .ugbrick{float:left;margin:5px;margin-top:10px;margin-bottom:10px;width:calc(50% - 12px);min-height:733px;border:1px #666 solid;}
}

@media screen and (max-width: 700px)  {
  .banner {height:60px;line-height:60px;}
  .iconcls{float:left;margin:2px;margin-left:5px;margin-top:2px;height:56px;}
  .menucls{display:block;}
  .regcls {margin-top:12px;}
  .menuitems_cls{display:none;}
  .menuitems_str{margin-top:10px;}
  .items_panel{display:block;}

  .maincls{padding-top:0px;}
  .mainblock_top{float:top;margin-top:60px;min-width:100%;height:calc(80vh - 60px);}
  .mainblock_bottom{height:300px;}
  .mainblock_div{margin-top:20px;width:100%;max-width:800px;height:200vw;}
  .mb_r_left{float:top;margin-top:5%;width:90%;height:45%;background:#fff;}
  .mb_r_right{float:top;margin-top:5%;width:92%;height:45%;background:#fff;overflow:visible;}
  .pic_r_cls{float:left;margin-top:0%;width:100%;}
  .ui_r_cls{left:3%;top:-40vw;width:25%;}
  .pic_l_cls{float:right;margin-top:0%;width:100%;}
  .ui_l_cls{right:3%;top:-40vw;width:25%;}

  .policycls{float:top;width:100%;}

  .mb_r_div{border:0px;border-left:1px #aaa solid;}
  .mb_l_div{border:0px;border-right:1px #aaa solid;}

  .mb_t_str1{height:50px;line-height:50px;font-size:42px;}
  .mb_t_str2{margin-top:30px;height:30px;line-height:30px;font-size:28px;}
  .mb_t_str3{font-size:20px;}
  .mb_t_str4{line-height:21px;text-align:justify;font-size:18px;}

  .mb_icondivy{margin-left:5%;margin-top:20%;width:40px;height:40px;}
  .mb_icondivb{margin-left:5%;margin-top:20%;width:40px;height:40px;}
  .mb_title{margin-top:0px;height:42px;line-height:40px;font-size:36px;}
  .mb_slogan{margin-top:5px;height:40px;line-height:40px;font-size:18px;}
  .mb_desc{height:40px;line-height:20px;font-size:16px;}

  .barxstr{font-size:15px;}
  .charttitle{font-size:21px;}
  .chartnote{font-size:16px;height:20px;line-height:20px;}
  .chartxstr{bottom:-30px;font-size:18px;}

  .policytitle{margin-top:60px;width:100%;height:60px;line-height:60px;font-size:32px;}
  .policydiv{min-height:calc(100vh - 140px);}

  .qdiv{font-size:16px;}
  .ugbrick{float:top;margin:0 auto;margin:5px;margin-top:10px;margin-bottom:10px;width:calc(100% - 12px);min-height:733px;border:1px #666 solid;}
  .ugaitemdiv{padding-left:10px;width:calc(50% - 10px);font-size:18px;}
  .qmark{font-size:24px;}
}