/* /cs_web_purchasing_system/static/src/css/purchase.css/ defined in bundle 'cs_web_purchasing_system.src' */
.dis_none{display: none;} .wid100{width: 100%;} .wid395{width: 395px;} #login_id{float: right;} .img_none{background-image: none;} .span_transform{top: -112.96px; bottom: -112.96px; transform: translateY(108px);} .align_right{text-align: right;} .hei100{height: 100%;} .return_id{float: left;} .napyca_webregister_top{text-align: center; margin-top: 26px; height: 52px; color: #909090; background: #e9e9e9; line-height: 52px; font-size: 20px; border-radius: 8px; font-weight: 600; box-shadow: inset 2px 2px 8px #e2e2e2;} .napyca_reg_active{height: 100%; background-color: #8ecef1; color: #fff; border-radius: 8px; box-shadow: 2px 2px 8px #d3d3d3;} .napyca_reg_input{margin-top: 24px; margin-bottom: 0;} .napyca_web_register{border-radius: 2px; border: 2px solid rgba(197, 197, 197, 0.8); padding-right: 20px; color: #3f3f3f;} .napyca_web_register input::-webkit-input-placeholder{color: #e4e4e4;} .napyca_web_register input:-moz-placeholder{color: #e4e4e4;} .napyca_web_register input::-moz-placeholder{color: #e4e4e4;} .napyca_web_register input:-ms-input-placeholder{color: #e4e4e4;} .napyca_web_register:focus{border-color: #68b9e4; color: #3f3f3f; outline: 0; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);} .napyca_reg_fa{position: relative; float: right; top: -26px; right: 12px; font-size: 18px; color: #68b9e4;} .napyca_reg_bz{position: absolute; border-radius: 2px; float: left; border: 2px solid #e4e4e4; color: #999; font-size: 10px; min-height: 34px; line-height: 24px;} .napyca_reg_bz:before, .napyca_reg_bz:after{position: absolute; display: block; width: 0; height: 0; border: solid transparent; pointer-events: none; content: ""; border-color: rgba(136, 183, 213, 0);} .napyca_reg_bz:before{border-right-color: #d4d4d4; border-width: 8px; top: 6px; right: 100%; border-radius: 14px;} .napyca_reg_bz:after{border-right-color: #fff; border-width: 6px; top: 7.8px; right: 100%;} .napyca_reg_sub{border-radius: 2px; margin-bottom: 20px; background: #68b9e4; color: #fff; font-size: 18px; height: 48px; margin-right: 15px;} .napyca_reg_sub:hover{border-radius: 2px; margin-bottom: 20px; background: #68b9e4; color: #fff; font-size: 18px; height: 48px; margin-right: 15px; border: none;} .napyca_web_register button{border-radius: 2px; border: 2px solid rgba(197, 197, 197, 0.8); color: #3f3f3f;} .napyca_web_registers button{border-radius: 2px; border: 2px solid rgba(197, 197, 197, 0.8); color: #3f3f3f;} .napyca_web_registers .bootstrap-select{padding-left: 0; padding-right: 0;} .btn-default:hover{color: auto; background-color: auto; border-color: none;} .left_img{background-color: #313131; padding: 10px 40px;} .login-swiper-container{position: relative; width: 100%; height: 100%; overflow: hidden;} .login-swiper-container .swiper-slide{height: 700px; background-size: 100% 100%; display: flex; align-items: center;} .login-swiper-container .content{margin-left: 3%;} .login-swiper-container .title{height: 48px; font-size: 50px; font-family: Philosopher; font-weight: 400; color: #ffffff; line-height: 30px; margin: 30px 0;} .login-swiper-container .sub_title{height: 25px; font-size: 28px; font-family: Sitka; font-weight: normal; color: #ffffff; line-height: 30px;} .login-swiper-container .text{width: 734px; height: 52px; font-size: 14px; font-family: Sitka; font-weight: normal; color: #ffffff; line-height: 20px; opacity: 0.8;} .login-swiper-container .login_database{width: 560px; background: #ffffff; opacity: 0.78;} .login-swiper-container .login_content{display: flex; width: 560px; background: #ffffff; opacity: 0.78; padding: 0 15px 10px 0;} .login-swiper-container .login_content > div{width: 50%; border-bottom: 1px solid #cccccc; margin-left: 15px;} .login-swiper-container .login_content input{background: none; outline: none; padding: 0 10px; border: none; height: 46px; font-size: 14px; font-family: Sitka; font-weight: normal; color: #6d8398 !important; line-height: 30px; width: 89%;} .login-swiper-container .login_content input:focus{border: none;} .login-swiper-container .login_content input:-internal-autofill-selected{background-color: white !important; background-image: none !important; color: #000000 !important; box-shadow: inset 0 0 0 1000px white !important;} .login-swiper-container .login_content input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset !important;} .login-swiper-container .login_content input:-webkit-autofill:focus{box-shadow: 0 0 0px 1000px white inset !important;} .login-swiper-container .purchase_check_line{display: flex; margin-top: 15px;} .login-swiper-container .purchase_check_line a{width: 160px; height: 48px; background: rgba(0, 0, 0, 0.3); border: 1px solid #8b8b8b; font-size: 13px; font-family: Sitka; font-weight: normal; color: #dbdbdb; line-height: 43px; text-align: center;} .login-swiper-container .purchase_check_line a:active{background: #c72514;} .login-swiper-container .purchase_check_line button{width: 160px; height: 48px; background: rgba(0, 0, 0, 0.3); border: 1px solid #8b8b8b; font-size: 13px; font-family: Sitka; font-weight: normal; color: #dbdbdb; line-height: 30px;} .login-swiper-container .purchase_check_line button:active{background: #c72514;} .login-swiper-container .purchase_check_line .active{background: #c72514;} .login-swiper-container .item1{background-image: url(/cs_web_purchasing_system/static/img/banner0.png); text-align: left;} .login-swiper-container .item2{background-image: url(/cs_web_purchasing_system/static/img/banner1.png); justify-content: end;} .login-swiper-container .item2 .purchanse_box{margin-right: 5%;} .login-swiper-container .item3{background-image: url(/cs_web_purchasing_system/static/img/banner2.png); justify-content: end;} .login-swiper-container .item3 .purchanse_box{margin-right: 5%;} .login-swiper-container .item4{background-image: url(/cs_web_purchasing_system/static/img/banner3.png); justify-content: end;} .login-swiper-container .item4 .purchanse_box{margin-right: 5%;} .login-swiper-container .item5{background-image: url(/cs_web_purchasing_system/static/img/banner4.png); justify-content: end;} .login-swiper-container .item5 .purchanse_box{margin-right: 5%;} .login_platform{background: url(/cs_web_purchasing_system/static/img/bg1.png); height: 300px; background-size: 100% 100%; margin-bottom: 60px;} .login_platform .title, .login_member .title, .login_features .title, .login_value .title, .login_customer .title{margin-top: 100px; margin-left: 6%; display: flex; align-items: center;} .login_platform .title .line, .login_member .title .line, .login_features .title .line, .login_value .title .line, .login_customer .title .line{width: 6px; height: 46px; background: #c72514;} .login_platform .title h3, .login_member .title h3, .login_features .title h3, .login_value .title h3, .login_customer .title h3{font-size: 46px; font-family: Sitka; font-weight: normal; color: #000000; margin: 0 0 0 15px;} .login_platform .content, .login_member .content, .login_features .content, .login_value .content, .login_customer .content{display: flex; margin-left: 6%; margin-top: 40px;} .login_platform .content .text, .login_member .content .text, .login_features .content .text, .login_value .content .text, .login_customer .content .text{width: 40%; background: url(/cs_web_purchasing_system/static/img/bg2.png); background-size: 100% 100%; height: 140px; white-space: wrap; font-size: 18px; font-family: Sitka; font-weight: normal; color: #333333; line-height: 30px; padding: 15px;} .login_platform .content .right, .login_member .content .right, .login_features .content .right, .login_value .content .right, .login_customer .content .right{margin-top: -43px; margin-left: 41px; flex: 1;} .login_platform .content .right .sub_title, .login_member .content .right .sub_title, .login_features .content .right .sub_title, .login_value .content .right .sub_title, .login_customer .content .right .sub_title{font-size: 24px; font-family: Sitka; font-weight: normal; color: #000000;} .login_platform .content .right .sub_title .red, .login_member .content .right .sub_title .red, .login_features .content .right .sub_title .red, .login_value .content .right .sub_title .red, .login_customer .content .right .sub_title .red{color: #c72514; font-weight: bold;} .login_platform .content .box, .login_member .content .box, .login_features .content .box, .login_value .content .box, .login_customer .content .box{display: flex; justify-content: space-around; align-items: center; margin-top: 20px;} .login_platform .content .box .box_item, .login_member .content .box .box_item, .login_features .content .box .box_item, .login_value .content .box .box_item, .login_customer .content .box .box_item{background: #f8f8f8; box-shadow: 0px 12px 20px 0px rgba(228, 228, 228, 0.7); height: 100px; width: 23%; position: relative;} .login_platform .content .box .box_item p, .login_member .content .box .box_item p, .login_features .content .box .box_item p, .login_value .content .box .box_item p, .login_customer .content .box .box_item p{font-size: 12px; font-family: Sitka; font-weight: normal; color: #000000; line-height: 30px; position: absolute; bottom: 10px; left: 10px;} .login_platform .content .box .box_item img, .login_member .content .box .box_item img, .login_features .content .box .box_item img, .login_value .content .box .box_item img, .login_customer .content .box .box_item img{position: absolute; top: 10px; left: 20px; width: 40px;} .login_platform .content .box .box_item_1, .login_member .content .box .box_item_1, .login_features .content .box .box_item_1, .login_value .content .box .box_item_1, .login_customer .content .box .box_item_1{border-bottom-left-radius: 3.5em;} .member_box{margin: 100px 6%; display: flex;} .member_box .member_box_item.active{width: 23%; margin-top: -2%;} .member_box .member_box_item.active > div{background-color: #c72514;} .member_box .member_box_item.active > div .sub_title{color: #ffffff;} .member_box .member_box_item.active > div p{color: #ffffff;} .member_box .member_box_item{width: 16.666%; cursor: pointer; transition: all 0.5s;} .member_box .member_box_item > div{background-color: #2c2c2c; display: flex; justify-content: center; align-items: center; flex-direction: column;} .member_box .member_box_item > div > p{width: 163px; font-size: 13px; font-family: Sitka; font-weight: normal; color: #686868; text-align: center;} .member_box .member_box_item > div .sub_title{font-size: 18px; font-family: Sitka; font-weight: normal; color: #afaeae; padding: 12px 0; position: relative;} .member_box .member_box_item > div .sub_title::before{content: "-"; font-weight: bold; position: absolute; bottom: -5px; left: 98%; margin-left: -50%;} .member_box .member_box_item > div img{width: 100%; aspect-ratio: 1;} .member_box .member_box_item > div .img_box{height: 240px;} .login_package{display: flex; margin-top: 100px; align-items: center; margin-left: 6%; margin-top: 20px;} .login_package .title{display: flex; align-items: center;} .login_package .title .line{width: 6px; height: 46px; background: #c72514;} .login_package .title h3{font-size: 46px; font-family: Sitka; font-weight: normal; color: #000000; line-height: 56px; margin: 0; margin-left: 15px;} .login_package .box{margin-top: 20%;} .login_package .box .sub_title h4{font-size: 20px; font-family: Sitka; font-weight: normal; color: #000000;} .login_package .box .sub_title p{font-size: 18px; font-family: Sitka; font-weight: normal; color: #000000;} .login_package .essntial{cursor: pointer; height: 650px; width: 26%; background-size: 100% 100%; display: flex; flex-direction: column; align-items: center; position: relative;} .login_package .essntial.active{background-image: url(/cs_web_purchasing_system/static/img/pack.png); transition: all 0.5;} .login_package .essntial.active .demo_btn{background: #c72514; color: #ffffff;} .login_package .essntial .sub_title{margin: 30px 0;} .login_package .essntial_year.essntial .green{color: #3b77ff;} .login_package .enterprise.essntial .green{color: #3b77ff;} .login_package .enterprise.essntial .sub_title{margin-top: 9px;} .login_package .enterprise.essntial .sub_title h4{margin-top: 0;} .login_package .demo_btn{width: 160px; text-align: center; border: 1px solid #c72514; color: #c72514; font-size: 16px; font-family: Sitka; font-weight: normal; padding: 12px 0; display: block; position: absolute; bottom: 10%;} .login_package .monthly .descr .coupon{position: absolute; font-size: 14px; font-family: Minion Pro; font-weight: normal; color: #ffffff; left: 37px; top: 12px;} .login_package .monthly .descr .text{font-size: 20px; font-family: Sitka; font-weight: normal; color: #000000;} .login_package .monthly .descr .text1{font-size: 20px; font-family: Sitka; font-weight: normal; color: #6e6e6e;} .login_package .monthly .descr .text1 .red{color: #c72514;} .login_package .monthly .evely_day{font-size: 16px; font-family: Minion Pro; font-weight: 400; color: #6e6e6e;} .login_package .monthly .list_green{color: #60eb60;} .login_package .monthly .price_box{color: #000000; margin: 15px 0;} .login_package .monthly .price_box .symbol{font-size: 26px; font-family: Sitka; font-weight: normal;} .login_package .monthly .price_box .pirce{margin: 20px 0; font-size: 26px; font-family: Minion Pro; font-weight: normal;} .login_package .monthly .price_box .youhui{font-size: 16px; font-family: Minion Pro; font-weight: normal; text-decoration: line-through; color: #000000;} .login_features .features_descr_box{margin: 50px 6% 0 6%;} .login_features .features_descr_box thead tr{border-top: 2px solid red;} .login_features .features_descr_box thead th{font-size: 16px; font-family: Sitka; font-weight: normal; color: #000000; vertical-align: middle;} .login_features .features_descr_box thead th > div{display: flex; align-items: center; justify-content: center;} .login_features .features_descr_box tbody td{text-align: center; vertical-align: middle; font-size: 14px; font-family: Sitka; font-weight: normal; color: #000000; padding: 10px 0;} .login_features .features_descr_box tbody td.red{display: flex; margin-left: 10%;} .login_features .features_descr_box tbody td.num{font-size: 16px; font-family: Minion Pro; font-weight: normal; color: #000000;} .login_features .features_descr_box tbody td.num .bg{background-image: url(/cs_web_purchasing_system/static/img/icon/fbg.png); background-size: 100% 100%; font-size: 22px; font-family: Minion Pro; font-weight: normal; color: #ffffff; width: 200px; margin: 0 auto; padding: 5px;} .login_features .features_descr_box tbody td.jiao{color: #b1b1b1;} .login_features .features_descr_box tbody td .date{font-size: 14px; font-family: Minion Pro; font-weight: 400; color: #6e6e6e;} .login_features .features_descr_box tbody td .my_title{margin-left: 10%;} .login_features .features_descr_box tbody td .t_title{display: flex; align-items: center;} .login_features .features_descr_box tbody td .sub_text{font-size: 14px; font-family: Sitka; font-weight: normal; color: #6e6e6e; text-align: left; margin-left: 15px;} .login_customer .customer_faeeback_box{width: 100%; height: 380px; position: relative; overflow: hidden; margin-left: 6%;} .login_customer .customer_faeeback_box .swiper-pagination-progressbar-fill{background-color: #c72514;} .login_customer .customer_faeeback_box .swiper-slide{display: flex;} .login_customer .customer_faeeback_box .login_cur_progress{width: 64%; position: absolute; left: 30%; height: 3px; border-radius: 2px; background-color: #cccc; cursor: pointer; bottom: 20%;} .login_customer .customer_faeeback_box .login_cur_progress .l_progress{width: 28%; height: 100%; background-color: red; transition: width 0.5s ease;} .login_customer .customer_faeeback_box .box{display: flex; width: 170%; position: absolute; transition: left 0.5s ease;} .login_customer .customer_faeeback_box .new_item{position: relative; width: 30%; background-image: url(/cs_web_purchasing_system/static/img/f_bg.png); height: 300px; padding: 15px; background-size: 100% 100%;} .login_customer .customer_faeeback_box .news_text{margin: 0 15px;} .login_customer .customer_faeeback_box .news_text .news{position: absolute; left: 70%; top: 20%; width: 15%;} .login_customer .customer_faeeback_box .news_text .news img{width: 66px;} .login_customer .customer_faeeback_box .news_text .descr{font-size: 13px; font-family: Sitka; font-weight: normal; color: #000000; line-height: 2; text-align: left;} .login_customer .comment{display: flex; justify-content: space-between; position: absolute; bottom: 76px;} .login_customer .comment .user_name{margin-left: 10px;} .login_customer .comment .xin_num{font-size: 13px; font-family: Minion Pro; font-weight: normal; color: #000000;} .login_customer .feedback_bg{margin-left: 40%;} .login_customer .feedback_bg img{width: 80%;} .select_currency{display: flex; margin-left: 6%; align-items: center;} .select_currency .labbel_item{font-size: 33px; margin-right: 10px;} 

/* /cs_web_purchasing_system/static/src/css/purchase_mt.css/ defined in bundle 'cs_web_purchasing_system.src' */
 @media (max-width: 1025px){.login-swiper-container .swiper-slide{height: auto;}.login-swiper-container .item1 .title{font-size: 36px;}.login-swiper-container .item1 .sub_title{font-size: 22px;}.purchanse_box{margin-bottom: 60px;}.login_platform .title h3, .login_member .title h3, .login_features .title h3, .login_value .title h3, .login_customer .title h3{font-size: 22px;}.login_platform .content .text, .login_member .content .text, .login_features .content .text, .login_value .content .text, .login_customer .content .text{font-size: 14px; line-height: 2;}.member_box .member_box_item > div .sub_title{font-size: 14px;}.member_box .member_box_item > div > p{font-size: 13px;}.member_box .member_box_item.active{margin-top: -1%;}.login_package .title h3{line-height: 1; font-size: 26px;}.login_package{position: relative;}.login_package .item{position: absolute; top: -70px;}.login_platform .content .box .box_item p{font-size: 14px; line-height: 1;}.login_platform .title, .login_member .title, .login_features .title, .login_value .title, .login_customer .title{margin-top: 40px;}.member_box{margin: 40px 6%;}.login_package .monthly .price_box .pirce{font-size: 26px;}.login_package .essntial{width: 25%;}.login_package .box .sub_title h4{font-size: 18px;}.login_features .features_descr_box thead th{font-size: 18px;}.login_features .features_descr_box tbody td.num .bg{width: 100%; font-size: 16px;}.login_value .sub_title_bg{width: 88%; font-size: 14px;}.login_value .login_value_table thead th{width: auto; font-size: 18px;}.login_value .login_value_table tbody td .td_ontent{font-size: 14px;}.login_customer .customer_faeeback_box .news_text .descr{line-height: 1.5;}.login_customer .comment .user_name{margin-left: 0;}.login_customer .comment{bottom: 21%;}.login_value .login_value_table tbody td .td_ontent .ulbox{font-size: 12px;}} @media (max-width: 768px){.login-swiper-container .swiper-slide{background-size: cover}.login_customer .content .right{margin-left: 3px;}.login_platform .content .box .box_item p{font-size: 12px; line-height: 1; transform: scale(0.6); left: 2px;}.login_platform{margin-bottom: 20px;}.login-container-box .select_currency{margin-bottom: 70px;}.login-container-box .select_currency .labbel_item{font-size: 15px;}.login_package .title h3{font-size: 18px; line-height: 0.8;}.member_box{flex-wrap: wrap;}.member_box .member_box_item{width: 33%;}.member_box .member_box_item.active{width: 34%;}.login_platform .content .text{font-size: 12px;}.login_package{flex-wrap: wrap;}.login_package .essntial{width: 49%;}.features_descr_box thead th{width: auto;}.login_value .login_value_table thead th p{font-size: 12px;}.login_value .login_value_table thead th{font-size: 16px;}.login_value .login_value_table tbody td .td_ontent{margin-left: 0;}.login_value .login_value_table tbody td P{font-size: 12px;}.login_value .login_value_table tbody td .xiao_title{font-size: 18px;}.login_features .features_descr_box tbody td{font-size: 14px;}.login_features .features_descr_box tbody td .date{font-size: 14px;}.login_features .features_descr_box tbody td .sub_text{font-size: 12px;}.login_features .features_descr_box tbody td.num{font-size: 18px;}.home_footer_contact{margin-top: 20px; flex-wrap: wrap; justify-content: space-between;}} @media (max-width: 767px){.login-swiper-container .swiper-slide{background-size: cover}.login-swiper-container .item1 .title{font-size: 24px;}.login-swiper-container .purchase_check_line button{width: 90px; line-height: 1.5;}.login-swiper-container .login_content{flex-wrap: wrap;}.login-swiper-container .login_content > div{width: 100%;}.login-swiper-container .login_database{width: auto;}.login-swiper-container .text{width: auto; height: auto;}.login-swiper-container .login_content{width: auto;}.login-swiper-container .content{margin-right: 3%;}.login-swiper-container .item2 .purchanse_box, .login-swiper-container .item3 .purchanse_box, .login-swiper-container .item4 .purchanse_box, .login-swiper-container .item5 .purchanse_box{margin-right: 3%; margin-left: 3%;}.login-swiper-container .item4 .purchanse_box{font-size: 18px;}.login_platform .content{flex-wrap: wrap;}.login_platform .content .text{width: 100%;}.login_platform .content .right{margin-top: 10px; margin-left: 0;}.login_platform{height: auto; padding: 20px 0;}.member_box{justify-content: space-around;}.member_box .member_box_item{width: 48%; margin-bottom: 20px;}.member_box .member_box_item.active{width: 48%;}.login_package .essntial{width: 95%;}.login_customer .customer_faeeback_box .box{width: 100%; position: static; flex-wrap: wrap;}.home_footer_contact{justify-content: space-between;}.home_footer_contact .comesoon_contact{min-width: auto !important;}.login_customer .customer_faeeback_box{position: static; height: auto;}.login_customer .customer_faeeback_box .new_item{width: 100%;}.login_cur_progress{display: none;}.login_customer .comment{font-size: 12px;}}