//#FFB81A: #0088F7;
//#FE8F3C: #016EE7;
//#FE8E3D: #007EEA;
//#FFB73A: #2D8FED;
//../images/portal-orange/sy_logo.png: "../images/portal/sy_logo.png";
//@logo2: "../images/portal/sy_logo2.png";
//@logo3: "../images/portal/di_zi.png";
//../images/portal-orange/sy_banner.jpg: "../images/portal/sy_banner.jpg";
//#FFB73A: #1787F7;
//linear-gradient(to bottom, RGBA(237, 238, 239, 0) 11%, #EEE 35%, #EEE 64%, RGBA(237, 238, 239, 0) 86%): linear-gradient(to bottom, rgba(237, 240, 244, 0.00) 11%, #56B0F2 35%, #56B0F2 64%, rgba(238, 241, 243, 0.00) 86%);
//../images/portal-orange/sy_2.jpg: "../images/portal/sy_2.jpg";
//../images/portal-orange/sy_3_bg.jpg: "../images/portal/sy_3_bg.jpg";
//#ffb81a: #32A0FC;
//#ffb81a: #64FEFE;
//#FF5E63: #0989EE;

html {
  height: 100%;
  /*min-height: 10rem;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

body {
  font-size: 0;
  position: relative;
  min-width: 1000px;
  height: 100%;
}

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

hr {
  height: 1px;
}

a {
  text-decoration: none;
  outline: none;
  color: inherit;
}

*[class^="pure"] {
  /*border: 1px solid #000;*/
}

*[class^="pure-u"] {
  box-sizing: border-box;
}

/*layui custmize*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #FFB81A;
}

.layui-layer {
  font-size: .16rem;
}

.layui-form-item .layui-input-inline {
  width: inherit;
}


.l_panel .layui-form-checked[lay-skin="primary"] i {
  border-color: #FFB81A !important;
  background-color: #FFB81A;
  color: #fff;
}

.mt10 {
  margin-top: .1rem !important;
}

.mt15 {
  margin-top: .15rem !important;
}

.mt20 {
  margin-top: .2rem !important;
}

.mt25 {
  margin-top: .25rem !important;
}

.mt30 {
  margin-top: .3rem !important;
}

.mt40 {
  margin-top: .4rem !important;
}

.mt45 {
  margin-top: .45rem !important;
}

.mt60 {
  margin-top: .6rem !important;
}

.mr10 {
  margin-right: .1rem !important;
}

.ml10 {
  margin-left: .1rem !important;
}

.fl, .fr {
  display: block;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

.w150 {
  width: 1.5rem;
}

.w250 {
  width: 2.5rem;
}

.w80 {
  width: .8rem;
}

.full-width {
  width: 100%;
}

.panel {
  box-sizing: border-box;
  padding: .45rem .4rem !important;
  border: 1px solid #eee;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .3);
  background-color: #fff;
}

.tj_table {
  text-align: center;
  font-size: .18rem;
  background-color: #fff;
  width: 100%;
  color: #333;
}

.tj_table tr td:first-child {
  background-color: #F8F8F8;
}

.tj_table th {
  background-color: #FE8E3D;
  color: #fff;
}

.tj_table th, .tj_table td {
  height: .45rem;
  vertical-align: center;
  border: 1px solid #DDD;
}

.tj_table td {

}

.scalable_bg {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.muted {
  color: #999;
}

.link_color {
  color: #FFB73A;
}

.ft48 {
  font-size: .48rem;
}

.ft18 {
  font-size: .18rem;
}

.ft16 {
  font-size: .16rem;
}

.ft14 {
  font-size: .14rem;
}

/**[class^="pure-u"]:before {
    content: "-";
}*/

ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-center {
  text-align: center;
}

.flex {
  display: flex;
  align-items: center;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.main-container {
  margin: 0 auto;
  width: 16rem;
  box-sizing: border-box;
}

.content_wrapper {
  position: relative;
  background-color: #F5F5F5;
}

.content_wrapper, .inner_content {
  /*background-color: #F5F5F5;*/
}

.inner_content {
  padding-bottom: 2.8rem;
  /*position: relative;*/
  padding-top: .45rem;
  /*z-index: 999;*/
  /*z-index: -2;*/
}

.container2 {
  margin: 0 auto;
  width: 10rem;
  box-sizing: border-box;
}

.container3 {
  margin: 0 auto;
  width: 12rem;
  box-sizing: border-box;
  padding-left: 2.2rem;
}

.container4 {
  margin: 0 auto;
  width: 10.5rem;
  box-sizing: border-box;
}

.container5 {
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding-left: 2.05rem;
  height: calc(100% - 0.4rem);
}

.page_title {
  font-size: .38rem;
  margin: 0.7rem;
  text-align: center;
}

.page_img {
  position: relative;
  color: #fff;
}

.page_info {
  position: absolute;
  top: .65rem;
  left: .95rem;
}

.page_info p {
  font-size: .16rem;
  margin: .08rem 0;
  color: #eee;
}

.page_img_price {
  background-image: url(../images/portal-orange/price_2.jpg);
  height: 3.36rem;
}

.page_img_price .page_img_price_h1 {
  font-size: .4rem;
  margin-bottom: 20px;
}

.page_img_price h3 {
  font-size: .2rem;
  height: .34rem;
  line-height: .34rem;
}

.page_img_price h3 i {
  font-size: .3rem;
}

.page_img_price .page_img_price_h1 i {
  font-size: .56rem;
  font-family: 'Arial Narrow', serif;
}

.page_img_about {
  background-image: url(../images/portal-orange/about_2.jpg);
  height: 5rem;
}

.page_img_custom {
  background-image: url(../images/portal-orange/custom_2.png);
  height: 3.2rem;
}

.mr25 {
  margin-right: .25rem;
}

.ml25 {
  margin-left: .25rem;
}

/*header*/

.sy_logo, .sy_sep, .sy_logo2, .sy_logo3 {
  text-indent: -20rem;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
}

header ul, header ul li, .sy_logo, .sy_sep, .sy_logo2 {
  /*display: inline-block;*/
  display: inline-flex;
  align-items: center;
}

header ul li, .sy_logo, .sy_logo2 {
  height: .7rem;
}

.sy_logo {
  background-image: url(../images/portal-orange/sy_logo.png);
  width: 0.84rem;
  margin-left: 0.76rem;
}

.sy_logo2 {
  background-image: url("../images/portal/sy_logo2.png");
  width: 2.4rem;
}

.sy_logo3 {
  background-image: url("../images/portal/di_zi.png");
  /*width: 2.4rem;*/
  width: 1.6rem;
}

.sy_banner {
  background-image: url(../images/portal-orange/sy_banner.jpg);
  /*height: 8rem;*/
  /*height: 9.3rem;*/
  height: 7rem;
  position: relative;
  background-size: cover;
  /*background-color: #55B8F8;*/
}

.sy_sep {
  width: .01rem;
  border-right: 1px solid #DEDEDE;
  height: .16rem;
  margin: 0 .05rem;
}

header .nav {
  margin-left: 1.5rem;
}

header .nav li {
  font-size: 0.19rem;
  color: #666;
  padding: 0 0.22rem;
  position: relative;
}

header .nav a {
  display: block;
  text-align: center;
}

header .nav a.active::after, header .nav a:hover::after {
  content: '';
  bottom: .15rem;
  left: calc(50% - 0.15rem);
  width: .3rem;
  position: absolute;
  height: 5px;
  background-color: #FFB73A;
  transition: all .2s;
  -webkit-transition: all .2s;
  border-radius: 2px;
}

header .log_reg {
  /*float: right;*/
  /*text-align: center;*/
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header .log_reg li {
  display: inline-flex;
  align-items: center;
}

.h1_line, .h1_line_white {
  position: relative;
}

.h1_line::after {
  background-color: #FFB73A;
}

.h1_line_white:after {
  background-color: #fff;
}

.h1_line::after, .h1_line_white:after {
  content: '';
  bottom: .1rem;
  left: calc(50% - 0.24rem);
  width: .5rem;
  position: absolute;
  height: .06rem;
  transition: all .2s;
  -webkit-transition: all .2s;
  border-radius: 2px;
  top: .7rem;
}

.login, .register {
  text-align: center;
  border: 1px solid #FEB81A;
  border-radius: 0.17rem;
  height: .34rem;
  font-size: .14rem;
  padding: 0 .2rem;
  display: flex;
  align-items: center;
}

.login, .login:hover {
  color: #FEB81A;
  margin-right: .1rem;
}


.login_bg, .reg_bg {
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding-top: 1.4rem;
  background-size: cover !important;
  z-index: 2;
}

.login_bg {
  background-image: url(../images/portal-orange/login_bg1.jpg);
}

.log_reg .auth, .log_reg .no_auth {
  display: none;
}

.reg_bg {
  background-image: url("../images/portal/login_bg2.jpg");
}

.l_panel {
  width: 7rem;
  box-sizing: border-box;
  padding: .7rem 1.6rem;
  top: .84rem;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #C2CDF2;
}

.l_panel input::placeholder {
  font-size: .16rem;
}

.pl_warn input::placeholder {
  color: red;
}

.l_title, .l_content {
  width: 100%;
}

.l_title {
  height: 1.65rem;
}

.l_logo {
  background-image: url(../images/portal-orange/sy_logo.png);
  //background-image: url("../images/portal/login_logo.png");
  width: 1.4rem;
  height: .56rem;
  margin: 0 auto;
  display: block;
}

.l_title_txt {
  font-size: .28rem;
  text-align: center;
  margin-top: .2rem;
  color: #666;
}

.l_input_wrapper {
  margin-bottom: .15rem;
  position: relative;
}

.l_input, .l_input_simple {
  border: 1px solid #dedede;
  background-color: #F8F8F8;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  font-size: .16rem;
  color: #333;
}

.l_panel label {
  font-size: .16rem;
  box-sizing: border-box;
  padding-right: .1rem;
  height: .4rem;
  line-height: .4rem;
  text-align: right;
  color: #555;
  border: 1px solid #fff;
}

.l_panel label .required {
  display: inline-block;
  height: .4rem;
  line-height: .4rem;
  font-size: .16rem;
  color: red;
}

.l_panel .layui-form-checkbox[lay-skin="primary"] {
  float: left !important;
  display: block !important;
}

.l_panel .layui-form-checkbox[lay-skin="primary"] span {
  font-size: .16rem;
  line-height: 18px;
}

.l_input {
  padding: .12rem .12rem .12rem .4rem;
}


.l_input_simple {
  padding: .12rem;
}

.l_input:hover, .l_input:focus, .l_input_simple:hover, .l_input_simple:focus {
  border-color: #1E9FFF;
}

.l_input_phone, .l_input_pwd {
  width: .18rem;
  height: .18rem;
  position: absolute;
  top: .14rem;
  left: .12rem;
}

.l_input_phone {
  background-image: url("../images/portal/login_icon_1.png");
}

.l_input_pwd {
  background-image: url("../images/portal/login_icon_2.png");
}

.l_links {
  font-size: .16rem;
  color: #666;
  margin-top: .2rem;
}

.l_tip {
  color: #aaa;
  font-size: .16rem;
  margin-top: .35rem;
  text-align: center;
}

.l_tip .tip {
  text-decoration: underline;
}

.accordion {
  height: 6rem;
  overflow: hidden;
  display: inline-flex;
  width: 100%;
}

.acc_img_holder {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  width: 4rem;
  height: 6rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  justify-content: center;
  cursor: pointer;
}

.acc_img_holder.active, .acc_img_holder:hover {
  flex-grow: 1;
}

.acc_img_holder.active .acc_intro_shade, .acc_img_holder:hover .acc_intro_shade {
  visibility: visible;
}

.acc_img_holder.active .acc_intro_detail, .acc_img_holder:hover .acc_intro_detail {
  visibility: visible;
}

.acc_intro, .acc_intro_shade {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  width: 2.88rem;
  height: 100%;
}

.acc_intro_shade {
  opacity: .8;
  z-index: 1;
  visibility: hidden;
}

.acc_intro {
  z-index: 2;
  color: #fff;
  text-align: center;
}

.acc_intro .acc_intro_title {
  font-size: .3rem;
  margin-bottom: .3rem;
}

.acc_intro .acc_intro_img {
  width: .9rem;
  height: .9rem;
  background-size: cover;
  margin-top: 1.9rem;
  margin-bottom: .6rem;
}

.acc_intro_detail {
  visibility: hidden;
}

.acc_intro_detail p {
  margin: 0 0 .07rem 0;
  font-size: .16rem;
}

.acc_intro_img1 {
  background-image: url("../images/portal/sy_4bg_icon1.png");
}

.acc_intro_img2 {
  background-image: url("../images/portal/sy_4bg_icon2.png");
}

.acc_intro_img3 {
  background-image: url("../images/portal/sy_4bg_icon3.png");
}

.acc_intro_img4 {
  background-image: url("../images/portal/sy_4bg_icon4.png");
}

.acc_img1 {
  background-image: url("../images/portal/sy_4bg_1.png");
}

.acc_img1 .acc_intro_shade {
  background: linear-gradient(to bottom, #75c0ff, #027cef);
}

.acc_img2 {
  background-image: url("../images/portal/sy_4bg_2.png");
}

.acc_img2 .acc_intro_shade {
  background: linear-gradient(to bottom, #ff9a69, #eb4a41);
}

.acc_img3 {
  background-image: url("../images/portal/sy_4bg_3.png");
}

.acc_img3 .acc_intro_shade {
  background: linear-gradient(to bottom, #5d83ff, #6d3bff);
}

.acc_img4 {
  background-image: url("../images/portal/sy_4bg_4.png");
}

.acc_img4 .acc_intro_shade {
  background: linear-gradient(to bottom, #02dd8c, #05b548);
}

#captchaImg {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  height: .45rem;
}

.reg_bg #captchaImg {
  height: inherit;
  width: 95%;
  margin: 0 auto;
}

.register, .register:hover {
  color: #fff;
  background-image: linear-gradient(to right, #FEB81A, #FE8E3D);
}

.btn_large {
  display: inline-block;
  border-radius: .3rem;
  width: 2.02rem;
  height: .60rem;
  line-height: .62rem;
  text-align: center;
  font-size: .26rem;
}

.btn_normal {
  display: inline-flex;
  align-items: center;
  border-radius: .18rem;
  height: .36rem;
  text-align: center;
  font-size: .18rem;
  padding: 0 .22rem;
}

.btn_default, .btn_default:hover {
  background-color: #fff;
  color: #FF5E63;
}

.btn_primary, .btn_primary:hover {
  background-color: #FABA00;
  color: #fff;
}

/*slogan*/
.sy_slogan_container {
  padding-left: 2rem;
  padding-top: 1.5rem;
  color: #fff;
}

.sy_slogan_title {
  font-size: .5rem;
}

.sy_slogan_title_sm {
  font-size: .3rem;
  margin-top: .4em;
  font-weight: 300;
}

.sy_slogan_title_sm i {
  font-family: 'Arial Narrow', serif;
  font-size: .4rem;
  /*font-weight: bold;*/
}

.join_at_once {
  margin-top: .72rem;
}

/*feature*/

.sy_feature {
  margin: 0 auto;
  height: 1rem;
}

.sy_feature_container {
  bottom: 0;
  background-color: #FFB73A;
  opacity: .5;
  position: absolute;
  height: 1rem;
  /*display: none;*/
}

.sy_feature_container_overlay {
  height: 1rem;
  position: absolute;
  bottom: 0;
  z-index: 9999;
}

.sy_feature li {
  /*display: inline-block;*/
  height: 1rem;
  float: left;
}

.sy_feature_item {
  width: 2.65rem;
  text-align: center;
}

.sy_bottom_sep {
  width: 2px;
  background-image: linear-gradient(to bottom, RGBA(237, 238, 239, 0) 11%, #EEE 35%, #EEE 64%, RGBA(237, 238, 239, 0) 86%);
}

.sy_feature_icon {
  display: inline-block;
  width: .4rem;
  height: .44rem;
  margin-top: .15rem;
  text-indent: -1000rem;
}

.sy_feature_txt {
  margin-top: 0.05rem;
  font-size: .12rem;
  color: #FFF;
  letter-spacing: 0;
}

.sy_feature1 {
  background-image: url("../images/portal/sy_banner_icon1.png");
}

.sy_feature2 {
  background-image: url("../images/portal/sy_banner_icon2.png");
}

.sy_feature3 {
  background-image: url("../images/portal/sy_banner_icon3.png");
}

.sy_feature4 {
  background-image: url("../images/portal/sy_banner_icon4.png");
}

.sy_intro .sy_intro_title {
  text-align: center;
  margin-top: 1rem;
  font-size: .38rem;
}

.sy_intro_img {
  font-size: .1rem;
  text-indent: -3000rem;
  width: 7.64rem;
  height: 6.26rem;
  background-image: url(../images/portal-orange/sy_2.jpg);
  margin: .8rem auto .6rem;
}


.sy_do_what, .sy_why_us, .sy_access {
  text-align: center;
}

.sy_do_what .sy_h1, .sy_why_us .sy_h1, .sy_access .sy_h1 {
  font-size: .45rem;
  color: #fff;
}

/*do what*/
.sy_do_what {
  height: 8rem;
  background-image: url(../images/portal-orange/sy_3_bg.jpg);
}

.sy_do_what .sy_h1 {
  margin-top: 1.2rem;
  margin-bottom: 1.5rem;
}

.sy_do_what ul {
  display: inline-block;
  margin: 0 auto;
}

.sy_do_what li {
  float: left;
  width: 2.8rem;
  height: 3.4rem;
  box-sizing: border-box;
  background-color: #ffb81a;
  border: .08rem solid #ffb81a;
  cursor: pointer;
}

.sy_do_what li:hover {
  color: #999;
  background-color: #fff;
  border: .08rem solid #ffb81a;
  margin-top: -.45rem;
}

.sy_do_what li:hover h2 {
  color: #FE8E3D;
}

.sy_do_what li:hover p {
  color: #999;
}

.sy_do_what .rec {
  width: 1rem;
  height: 1rem;
  margin: .45rem auto;
}

.sy_do_what {
  color: #fff;
}

.sy_do_what h2 {
  font-size: .2rem;
  margin-bottom: .2rem;
}

.sy_do_what p {
  font-size: .12rem;
  color: #f2f2f2;
  padding: 0;
  margin: 0 0 .02rem;
}

.rec_img {
  background-image: url("../images/portal/sy_3_icon1_gray.png");
}


.sy_do_what li:hover .rec_img {
  background-image: url(../images/portal-orange/sy_3_icon1_light.png);
}

.rec_adv {
  background-image: url("../images/portal/sy_3_icon2_gray.png");
}

.sy_do_what li:hover .rec_adv {
  background-image: url(../images/portal-orange/sy_3_icon2_light.png);
}

.rec_doc {
  background-image: url("../images/portal/sy_3_icon3_gray.png");
}

.sy_do_what li:hover .rec_doc {
  background-image: url(../images/portal-orange/sy_3_icon3_light.png);
}

.rec_yellow {
  background-image: url("../images/portal/sy_3_icon4_gray.png");
}

.sy_do_what li:hover .rec_yellow {
  background-image: url(../images/portal-orange/sy_3_icon4_light.png);
}

/*why us*/
.sy_why_us {
  background-color: #141416;
  padding: .75rem 0 .9rem 0;
}

/*access*/
.sy_access, .sy_access_after {
  background-color: #141416;
}

.sy_access {
  background-image: url(../images/portal-orange/sy_4bg.jpg);
  background-position: bottom;
  background-size: cover;
  width: 100%;
  height: 3.45rem;
  text-align: center;
}

.sy_access .sy_h1 {
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.sy_access_after {
  height: .4rem;
  width: 100%;
}

/*sy_usage*/
.sy_usage {
  text-align: center;
}

.sy_usage .sy_h1 {
  font-size: .38rem;
  margin-top: 1.1rem;
  margin-bottom: .9rem;
}

/*sy_footer*/
.sy_footer {
  background-color: #23243D;
  font-size: .14rem;
  height: 2.8rem;
  color: #E2E1E6;
}

.sy_footer .main-container {
  box-sizing: border-box;
  padding-left: 1rem;
}

.sy_footer .sy_logo, .sy_footer .sy_logo3 {
  display: block;
  margin-left: .1rem;
}

.sy_footer a {
  margin-right: .18rem;
}

.sy_footer .sy_footer_line1 {
  padding: .4rem .2rem .1rem 0;
  border-bottom: 2px solid #303650;
}

.sy_footer_part1, .sy_footer_part2 {
  float: left;
}

.sy_footer_part1 {
  width: 2.65rem;
}

.sy_footer_part2 {
  padding: .3rem;
}

.sy_friend {
  margin-right: .16rem;
  color: #595B70;
}

.sy_footer_part3 {
  float: right;
  margin-top: .3rem;
}

.sy_qr {
  width: .75rem;
  height: .75rem;
  background-color: #595B70;
  display: inline-block;
  margin-left: .3rem;
  background-size: cover;
}

.sy_qr1 {
  background-image: url("../images/portal/qr1.png");
}

.sy_footer_line2 {
  margin-top: .15rem;
  height: .25rem;
}

.sy_footer_line2 span {
  margin-right: .4rem;
  color: #595B70;
}


.banner {
  height: 3rem;
  position: relative;
  background-size: cover;
}


.banner h1, .banner h2 {
  margin-left: 4.2rem;
  color: #fff;
}

.banner h1 {
  margin-top: .8rem;
  font-size: .42rem;
  font-weight: bold;
}

.banner h2 {
  margin-top: .1rem;
  font-size: .32rem;
}


/*test page*/
.test_banner {
  background-image: url("../images/portal/test_banner.png");
}

.img_types {
  box-sizing: border-box;
  padding: .4rem .4rem;
  border: 1px solid #DDD;
  width: 100%;
  background-color: #fff;
  margin-top: .3rem;
  display: flex;
  align-items: center;
}

.img_types span {
  padding: 10px 0;
  color: red;
  line-height: 36px;
}

.img_types * {
  font-size: .16rem !important;
}

.img_types label {
  width: 1.9rem !important;
}

.img_types .layui-input-block {
  margin-left: inherit;
  min-height: inherit;
}

.img_types .layui-form-radio {
  line-height: inherit;
  margin: 0;
  padding-right: 10px;
  padding-top: 10px;
}

.test_remark label {
  width: 0.8rem !important;
}

.file_upload {
  width: 100%;
  height: 4.6rem;
  border: 2px dashed #FE8F3C;
  text-align: center;
  box-sizing: border-box;
  background-color: #fff;

}

.file_upload_holder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 3.55rem;
}

.upload_info {
  position: absolute;
  bottom: 0;
}

.file_upload_icon {
  background-image: url(../images/portal-orange/test_icon_1.png);
  width: 1.46rem;
  height: 1.52rem;
}

.result_holder {
  margin-top: .2rem;
  font-size: .25rem;
}

.test-btn {
  border: 0;
  background-color: #FABA00;
  font-size: .16rem;
  padding: .14rem 1rem;
  color: #fff;
  border-radius: 5px;
  margin-bottom: .7rem;
}

.test_step1, .test_step2, .test_mention {
  border: 1px solid #DDD;
  background-color: #fff;
  box-sizing: border-box;
}

.test_step_img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  height: 2.6rem;
}

.test_step1 .test_step_img {
  background-image: url(../images/portal-orange/preview1.jpg);
}

.test_step2 .test_step_img {
  background-image: url(../images/portal-orange/preview2.jpg);
}

.test_mention-content {
  padding: .25rem;
}

.test_mention-content h2 {
  padding: .1rem .35rem;
  color: #666;
  font-size: .2rem;
}

.test_step_corner {
  position: absolute;
  background-image: url(../images/portal-orange/test_icon_2.png);
  width: .6rem;
  height: .6rem;
  left: 0;
  top: 0;
  color: #fff;
  font-size: .24rem;
  text-indent: .12rem;
  line-height: .4rem;
}

.test_step1 {
  position: relative;
  margin-right: .1rem;
}

.test_step2 {
  position: relative;
  margin-left: .1rem;
}

.test_step_img_holder {
  box-sizing: border-box;
  padding: .4rem .35rem .3rem .35rem;
  width: 100%;
}

.test_step1_img, .test_step2_img {
  width: 100%;
}

.test_step_info {
  background-color: #F6FBFF;
  padding: .2rem;
  text-align: center;
  font-size: .18rem;
}

.test_support {
  text-align: center;
  margin-top: .85rem;
  color: #666;
  padding-bottom: .7rem;
  font-size: .18rem;
}

.test_customer_service, .test_customer_service:hover {
  font-size: .16rem;
  color: #FFB73A;
  border: 1px solid #FFB73A;
  padding: .05rem .1rem;
  border-radius: .18rem;
}

.test_cut1, .test_cut2 {
  padding: .35rem;
  box-sizing: border-box;
}

/*doc page*/
.doc_banner {
  background-image: url("../images/portal/doc_banner.png");
}

.doc_left, .doc_right {
  float: left;
}

.doc_left {
  width: 2.2rem;
  margin-left: -2.2rem;
}

.doc_right {
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 100%;
  background-color: #fff;
  padding: .2rem;
  min-height: 7.13rem;
  font-size: .16rem;
}

.doc_right a, .tip {
  color: #FE8E3D;
}

.tip {
  margin-right: .05rem;
}

.doc_right .doc_h1, .doc_right h2 {
  font-weight: bold;
}

.doc_right .doc_h1 {
  font-size: .24rem;
  padding: 0 0 .2rem;
  border-bottom: 1px solid #ccc;
  margin-bottom: .12rem;
}

.doc_right h2 {
  font-size: .2rem;
  margin: .5rem 0 .2rem;
}

.doc_right h3, .doc_right .stage, .doc_right p {
  font-size: .16rem;
  padding: .05rem 0;
}

.doc_right .stage {
  color: #666;
  padding-left: .24rem;
}

.doc_menu {
  width: 2rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: .25rem 0;
  background-color: #fff;
  font-size: .16rem;
  color: #666;
}

.doc_menu li {
  margin-bottom: .05rem;
}

.doc_menu li, .doc_menu li a {
  display: block;
  line-height: .45rem;
  height: .45rem;
}

.doc_menu li.doc_menu_title {
  color: #FE8E3D;
}

.doc_menu_sep {
  height: 1px !important;
  background-color: #ccc;
  margin: .15rem 0;
}

.doc_menu li.doc_menu_title, .doc_menu li a {
  padding-left: .25rem;
  margin-right: .25rem;
}

.doc_menu li a:active, .doc_menu li a:hover, .doc_menu .active {
  background-color: #FE8E3D;
  color: #fff;
}


/*price page*/
.price_banner {
  background-image: url("../images/portal/price_banner.png");
}

.price_panel .price_more {
  margin-top: .1rem;
  height: .9rem;
  /*line-height: .9rem;*/
  font-size: .18rem;
  padding-left: .15rem;
  border-bottom: 1px dashed #ddd;
}

.price_panel .price_more i {
  color: #FE8E3D;
  margin: .05rem;
  font-size: .2rem;
  font-weight: bold;
}

.price_panel .price_h1 {
  font-size: .26rem;
  font-weight: bold;
  margin-top: .4rem;
}

.price_panel .price_h1, .price_panel h2 {
  text-align: center;
}

.price_panel h2 {
  padding: .2rem;
  font-size: .18rem;
}

.price_bottom_bg {
  position: relative;
  height: 6.1rem;
  background-image: url("../images/portal/price_line.png");
  margin-top: -.6rem;
}

.price_reg {
  float: left;
  padding-left: .5rem;
  padding-top: .4rem;
  width: 2.55rem;
  box-sizing: border-box;
  border-right: 1px dashed #ddd;
  height: 2.2rem;
}

.price_reg_join {
  float: left;
  padding-left: .7rem;
  padding-top: .15rem;
  box-sizing: border-box;
}

.price_reg_join .price_reg_join_title {
  font-size: .3rem;
  color: #FE8E3D;
}


/*custom page*/
.custom_banner {
  background-image: url("../images/portal/custom_banner.png");
}

.custom_services_container {
  position: relative;
  height: 4.25rem;
}

.custom_services {
  position: absolute;
  width: 10.5rem;
  left: -.5rem;
  height: 4.25rem;
}

.custom_service_1, .custom_service_2, .custom_service_3 {
  box-sizing: border-box;
  margin-left: .5rem;
  font-size: .12rem;
  color: #aaa;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .3);
  background-color: #fff;
  height: 4.25rem;
}

.custom_services .custom_services_h1 {
  margin: .3rem 0 .15rem;
  text-align: center;
  font-size: .2rem;
  color: #000;
}

.custom_services p {
  padding: 0 .22rem;
  margin: 0;
  line-height: .2rem;
}

.custom_title {
  margin-top: .15rem;
}

.custom_title h2 {
  font-size: .34rem;
  margin-bottom: .25rem;
}

.custom_bg {
  position: absolute;
  width: 100%;
  /*top: 3.3rem;*/
  z-index: -1;
  bottom: 0;
}

/*about page*/
.about_banner {
  background-image: url("../images/portal/about_banner.png");
}

.about_panel .about_panel_h1 {
  color: #FE8E3D;
  text-align: center;
  font-size: .3rem;
}

.contact_holder {
  box-sizing: border-box;
  background-color: #F9F9F9;
  padding: .3rem .4rem;
}

.contact_holder_left {
  margin-right: .2rem;
}

.contact_holder_right {
  margin-left: .2rem;
}

.contact_holder .contact_holder_h1 {
  font-size: .16rem;
  color: #aaa;
  text-align: left;
}

.contact_holder h2 {
  font-size: .24rem;
  color: #FE8E3D;
  text-align: left;
}

.contact_phone, .contact_mail {
  height: .8rem;
  width: .8rem;
  display: inline-block;
}

.contact_phone {
  background-image: url(../images/portal-orange/custom_icon_tel.png);
}

.contact_mail {
  background-image: url(../images/portal-orange/custom_icon_mail.png);
}

.contact_right {
  padding: .05rem 0 .05rem .3rem;
  display: inline-block;
}

.layui-elem-quote {
  padding: .10rem;
  border-left: 5px solid #FE8E3D;
  margin-top: .2rem;
}

.footer_simple {
  height: .76rem;
  line-height: .76rem;
  text-align: center;
  width: 100%;
  font-size: .16rem;
  color: #fff;
}

.reg_bg .footer_simple {
  margin-top: .84rem;
}

.login_bg .footer_simple {
  margin-top: 1.7rem;
}

.logout_btn {
  display: inline-block;
  background-image: url("../images/user/top_close.png");
  width: .2rem;
  height: .2rem;
  cursor: pointer;
}

.agree_tip {
  height: 18px;
  line-height: 18px;
  font-size: .16rem;
}

.has_account {
  color: #aaa;
  font-size: .16rem;
}

/*user*/
.user_logo {
  background-image: url(../images/user-orange/top_logo.png);
  width: 3.34rem;
  height: .3rem;
  display: inline-block;
  margin-left: .45rem;
  text-indent: -1000px;
}

.user_header {
  background-color: #FFB81A;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
}

.user_header a {
  color: #fff !important;
  font-size: .14rem;
}

.user_header .nav li {
  height: .42rem;
  display: inline-flex;
  align-items: center;
}

.user_header .nav {
  margin-left: auto;
}

.user_info {
  display: flex;
  margin-left: auto;
}

.user_info li {
  height: .22rem;
  /*line-height: .42rem;*/
  color: #fff;
  padding: 0 .2rem;
  border-left: 1px solid #ddd;
  /*float: left;*/
  display: inline-block;
}

.user_input {
  height: .3rem;
  line-height: .3rem;
  width: 1.6rem;
  background-color: #F8F8F8;
  border: 1px solid #D9E0E9;
  padding: 0 .1rem;
  color: #666;
}

.user_form_line {
  display: flex;
  align-items: center;
  margin-top: .2rem;
}

.user_header .nav a.active::after, .user_header .nav a:hover::after {
  content: '';
  bottom: .05rem;
  left: calc(50% - 0.1rem);
  width: .2rem;
  position: absolute;
  height: 5px;
  background-color: #4ED4A9;
  transition: all .2s;
  -webkit-transition: all .2s;
  border-radius: 2px;
}

.user_name span {
  height: .2rem;
  line-height: .2rem;
  font-size: .12rem;
  float: left;
}

.user_lv {
  box-sizing: border-box;
  background-color: #4ED6AC;
  border-radius: .1rem;
  color: #fff;
  padding: .0rem .08rem;
  margin-left: .1rem;
}


.user_left, .user_right {
  float: left;
  height: 100%;
  color: #333;
}

.user_left {
  width: 2.05rem;
  margin-left: -2.05rem;
}

.user_right {
  box-sizing: border-box;
  width: 100%;
  padding: 0 .2rem;
  font-size: .14rem;
}


.user_menu {
  width: 2rem;
  box-sizing: border-box;
  border-right: 1px solid #eee;
  background-color: #F4F8FB;
  color: #666;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, .1);;
  height: 100%;
  padding: .1rem 0;
  min-height: 5.85rem;
}

.user_menu a, .user_menu .layui-icon {
  font-size: .16rem;
}

.user_menu .layui-icon {
  padding-right: .1rem;
}

.user_menu li, .user_menu li a {
  display: block;
  line-height: .45rem;
  height: .45rem;
  margin: .05rem 0;
}

.user_menu_sep {
  height: 1px !important;
  background-color: #ddd;
  margin: .15rem 0;
}

.user_menu li a {
  margin: 0 .15rem;
  display: flex;
  align-items: center;
  text-indent: .1rem;
}

.user_menu li a:active, .user_menu li a:hover, .user_menu .active {
  background-color: #FFEEE5;
  color: #FFB81A;
  border-radius: .05rem;
}

.user_panel0, .user_panel {
  box-sizing: border-box;
  border: 1px solid #eee;
  background-color: #FEFFFF;
}

.user_panel {
  padding: .2rem;
}

.user_panel .layui-form-radio {
  margin-top: 0;
  font-size: .14rem;
  margin-right: .4rem;
  padding-right: 0;
}

.user_right h1 {
  font-size: .2rem;
  text-indent: .05rem;
  padding-top: .2rem;
  padding-bottom: .15rem;
}

.user_right h2 {
  font-size: .18rem;
  font-weight: 200;
  color: #555;
}

.user_btn, .user_btn:hover {
  width: 1.1rem;
  height: .3rem;
  border: 1px solid #4A9EF6;
  border-radius: 5px;
  color: #4A9EF6;
  box-sizing: border-box;
  font-size: .14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user_btn_blue {
  width: 1.6rem;
  height: .35rem;
  border: 1px solid #FFECB0;
  background-image: linear-gradient(to right, #FFB81A, #FE8F3C);
  border-radius: 3px;
  color: #fff;
  box-sizing: border-box;
  font-size: .16rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.money, .user_money {
  font-weight: bold;
  font-size: .22rem;
}

.user_money {
  margin: .15rem 0;
}

.user_rec_holder {
  width: 100%;
  padding-left: .9rem;
  box-sizing: border-box;
}

.user_circle {
  width: .7rem;
  height: .7rem;
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  border-radius: .35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -.9rem;
  float: left;
}

.user-icon {
  background-size: contain;
  width: .2rem;
  height: .2rem;
  display: inline-block;
  margin-left: .24rem;
  margin-right: .1rem;
}

.user_icon_pc {
  background-image: url("../images/user/meau_1_gray.png");
}

a.active .user_icon_pc, a:hover .user_icon_pc {
  background-image: url(../images/user-orange/meau_1_light.png);
}

.user_icon_shop {
  background-image: url("../images/user/meau_2_gray.png");
}

a.active .user_icon_shop, a:hover .user_icon_shop {
  background-image: url(../images/user-orange/meau_2_light.png);
}

.user_icon_bag {
  background-image: url("../images/user/meau_3_gray.png");
}

a.active .user_icon_bag, a:hover .user_icon_bag {
  background-image: url(../images/user-orange/meau_3_light.png);
}

.user_icon_dollar {
  background-image: url("../images/user/meau_4_gray.png");
}

a.active .user_icon_dollar, a:hover .user_icon_dollar {
  background-image: url(../images/user-orange/meau_4_light.png);
}

.user_icon_setting {
  background-image: url("../images/user/meau_5_gray.png");
}

a.active .user_icon_setting, a:hover .user_icon_setting {
  background-image: url(../images/user-orange/meau_5_light.png);
}

.user_icon_detail {
  background-image: url("../images/user/meau_6_gray.png");
}

a.active .user_icon_detail, a:hover .user_icon_detail {
  background-image: url(../images/user-orange/meau_6_light.png);
}

.user_icon_soft {
  background-image: url("../images/user/meau_7_gray.png");
}

a.active .user_icon_soft, a:hover .user_icon_soft {
  background-image: url(../images/user-orange/meau_7_light.png);
}

.user_icon_tag {
  background-image: url("../images/user/meau_8_gray.png");
}

a.active .user_icon_tag, a:hover .user_icon_tag {
  background-image: url(../images/user-orange/meau_8_light.png);
}

.user_icon_clock {
  background-image: url("../images/user/meau_9_gray.png");
}

a.active .user_icon_clock, a:hover .user_icon_clock {
  background-image: url(../images/user-orange/meau_9_light.png);
}

.user_icon_account {
  background-image: url("../images/user/meau_10_gray.png");
}

a.active .user_icon_account, a:hover .user_icon_account {
  background-image: url(../images/user-orange/meau_10_light.png);
}

.user_icon_password {
  background-image: url("../images/user/meau_12_gray.png");
}

a.active .user_icon_password, a:hover .user_icon_password {
  background-image: url(../images/user-orange/meau_12_light.png);
}

.user_icon_spread {
  background-image: url("../images/user/meau_11_gray.png");
}

a.active .user_icon_spread, a:hover .user_icon_spread {
  background-image: url(../images/user-orange/meau_11_light.png);
}


.today .user_circle {
  background-color: #479FFA;
}

.total .user_circle {
  background-color: #8484ED;
}

.user_rec_holder_middle {
  border-left: 1px solid #eeee;
  border-right: 1px solid #eeee;
  height: .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.correct, .error {
  padding: 0 .06rem;
  font-size: .22rem;
}

.correct {
  color: #46BC62;
}

.error {
  color: #E52D53;
}

.acc {
  font-size: .28rem;
  font-weight: bold;
}

.rc_money {
  margin: .05rem;
  height: .3rem;
  border: 1px solid #4A9EF6;
  border-radius: 5px;
  color: #4A9EF6;
  box-sizing: border-box;
  font-size: .14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rc_form_left {
  width: 1rem;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.apply_left {
  width: 1.5rem !important;
}

#withdrawMax {
  color: #FE8E3D;
}

.spread_help_us {
  background-image: url("../images/user/help-us.jpg");
  width: 3.97rem;
  height: .34rem;
}

.spread_tg {
  padding-left: .08rem;
  font-size: .13rem;
  height: .25rem;
  line-height: .25rem;
  color: #3C3B39;
}

.spread_tip_title {
  font-size: .18rem;
  color: #FFB81A;
  padding: 0 !important;
}

.spread_tip_holder {
  margin-bottom: .3rem;
}

.spread_tip {
  width: .5rem;
  height: .5rem;
  margin-right: .15rem;
}

.spread_tip_1 {
  background-image: url("../images/user/icon_tip_1.png");
}

.spread_tip_2 {
  background-image: url("../images/user/icon_tip_2.png");
}

.spread_tip_3 {
  background-image: url("../images/user/icon_tip_3.png");
}

.spread_tip_content {
  margin-top: .05rem;
}

.spread_tip_content p {
  height: .2rem;
  line-height: .2rem;
  color: #A6A6A6;
  text-indent: .05rem;
}

/*.clients {
    margin-bottom: 1.4rem;
}*/

.clients .pure-u-1-5 {
  display: inline-flex;
  align-items: center;
  height: 1.78rem;
  justify-content: center;
  box-sizing: border-box;
}

.client {
  width: 2.4rem;
  height: .6rem;
  background-size: cover;
}

.client1 {
  background-image: url("../images/portal/client_logo_1.png");
}

.client2 {
  background-image: url("../images/portal/client_logo_2.png");
}

.client3 {
  background-image: url("../images/portal/client_logo_3.png");
}

.client4 {
  background-image: url("../images/portal/client_logo_4.png");
}

.client5 {
  background-image: url("../images/portal/client_logo_5.png");
}

.client6 {
  background-image: url("../images/portal/client_logo_6.png");
}

.client7 {
  background-image: url("../images/portal/client_logo_7.png");
}

.client8 {
  background-image: url("../images/portal/client_logo_8.png");
}

.client9 {
  background-image: url("../images/portal/client_logo_9.png");
}

.client10 {
  background-image: url("../images/portal/client_logo_10.png");
}


/*recharge*/
.volume-item-wrapper .volume-item {
  height: .4rem;
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  justify-content: center;
  cursor: pointer;
  font-size: .16rem;
  position: relative;
  box-sizing: border-box;
}

.volume-item .volume-discount {
  position: absolute;
  top: -5px;
  right: -2px;
  background-image: url("../images/user/discount.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: .44rem;
  height: .18rem;
  line-height: .18rem;
  font-size: .12rem;
  color: #fff;
  text-align: center;
}

.volume-item-wrapper .volume-item.active, .volume-item-wrapper .volume-item:hover {
  border: 1px solid #73BCFF;
  color: #0174EC;
  background-color: #EEF7FF;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-image: url("../images/user/item_checked.png");
  background-size: .15rem .15rem;
}

#chooseMoney .volume-item {
  width: .9rem;
  margin-right: .12rem;
}

.volume-tip {
  border: 1px solid #EEE;
  background-color: #F9F9F9;
  color: #6d6d6d;
  font-size: .14rem;
  display: flex;
  align-items: center;
  padding: .1rem .15rem;
  margin-right: .2rem;
}

.volume-tip-info {
  background-image: url("../images/user/mention.png");
  width: .18rem;
  height: .17rem;
  margin-right: .1rem;
}

.volume-container {
  display: flex;
}

.volume-left {
  flex: 1 1 auto;
  padding: .2rem 0 .2rem .2rem;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}

.volume-right {
  width: 4.6rem;
  padding: .3rem;
  box-sizing: border-box;
}

.volume-title {
  font-size: .18rem;
  color: #333;
  height: .5rem;
  line-height: .65rem;
  margin-top: .05rem;
  padding-left: .05rem;
}

#chooseVolume .volume-item {
  margin-right: .2rem;
  margin-top: .1rem;
}

.volume-tip-sm {
  font-size: .14rem;
  color: #999;
  padding: .15rem 0 .2rem 0;
}

.product-title {
  font-size: .18rem;
  color: #3583FF;
}

.product-title-label {
  font-size: .16rem;
  color: #878787;
  width: 1.35rem;
}

.product-title-txt {
  font-size: .16rem;
  color: #333;
}

.total-price {
  font-size: .33rem;
  color: #FF7F00;
  display: flex;
  align-items: center;
}

.total-discount {
  font-size: .14rem;
  color: #008C22;
  background-color: #E1FFE1;
  padding: .08rem .1rem;
  border: 1px solid #D7FFD7;
  margin-bottom: .2rem;
}

.pay_btn {
  width: 2.35rem;
  height: .45rem !important;
  font-size: .22rem;
  font-weight: 200;
  box-sizing: border-box;
  margin-top: .38rem;
  cursor: pointer;
}

.icon-money {
  background-image: url("../images/user/money.png");
  width: .24rem;
  height: .24rem;
  margin-right: .12rem;
}

.product-activity {
  color: #FF7F00;
  border: 1px solid #FFECB0;
  background-color: #FFFEDF;
  padding: .08rem .1rem;
  margin-top: .1rem;
}

.yuan {
  font-size: .16rem;
  color: #333;
  padding-right: .12rem;
}

#totalPrice, #originalPrice {
  padding: 0 .08rem;
}

#originalPrice {
  position: relative;
}

#originalPrice:after {
  color: #333;
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}

.news-content {
  text-overflow: ellipsis;
  color: #A4A4A4;
  font-size: .14rem;
  text-align: left;
  margin-top: .15rem;
  line-height: .24rem;
  height: .5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.news-title {
  font-size: .18rem;
  color: #111;
  text-align: left;
}

.news-right {
  display: inline-flex;
  flex-flow: column;
  box-sizing: border-box;
  flex: 1;
  padding-left: .32rem;
  padding-right: .12rem;
}

.news-left {
  border-right: 1px solid #eee;
  box-sizing: border-box;
  width: 1.1rem;
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}

.news {
  margin: .14rem .19rem;
  padding: .2rem .2rem .2rem 0;
  border: 1px solid #DDD;
  background-color: #FCFCFC;
  display: flex;
}

a.news:hover {
  border: 1px solid #FFB81A;
  box-shadow: 5px 5px 5px -8px #FFB81A;
}

.news-more-btn {
  margin-top: .4rem;
  margin-bottom: .3rem;
  font-size: .18rem;
  color: #777;
  width: 1.7rem;
  height: .48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .24rem;
  border: 1px solid #ddd;
  padding-left: .15rem;
  box-sizing: border-box;
}

.news-day {
  font-size: .42rem;
  color: #545454;
}

.news-month {
  font-size: .13rem;
  color: #777;
  margin-top: .1rem;
}

.myPoint {
  border: 2px solid blue;
  width: 8px;
  height: 8px;
  color: #fff;
  border-radius: 4px;
}

.point-preview {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  font-weight: bold;
  background-color: #0c5ccc;
  text-align: center;
  opacity: .9;
}

.layui-btn-normal {
  background-color: #FABA00 !important;
}

#test-result {
  padding: 20px;
}

.point-preview {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  font-weight: bold;
  background-color: #0c5ccc;
  text-align: center;
  opacity: .9;
}

.point-line{
  width: 3px;
  background-color: #0c5ccc;
  opacity: .9;
}

.test-detail {
  position: relative;
}

.portal_panel {
  font-size: 0.14rem;
  border:inherit;

}

.portal_panel p{
  padding: 0.15rem;
  background: #eee;
  line-height: 1.2;
  border-radius: 0.06rem;
}

.portal_input {
  height: .3rem;
  line-height: .3rem;
  width: 3rem;
  background-color: #F8F8F8;
  border: 1px solid #D9E0E9;
  padding: 0 .1rem;
  color: #666;
}
.portal_textarea{
  height: 2rem;
  line-height: .3rem;
  width: 5rem;
  background-color: #F8F8F8;
  border: 1px solid #D9E0E9;
  padding: 0 .1rem;
  color: #666;
}

div.input-required:before {
  content: '* ';
  color: red;
}