@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; }

body { -webkit-font-smoothing: antialiased; background-color: #fff; font: 12px/1.5 "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; color: #666; }

em, i { font-style: normal; }

li { list-style: none; }

img { border: 0; vertical-align: middle; }

button { cursor: pointer; }

a { color: #262626; text-decoration: none; cursor: pointer; }

a:hover { color: #c81623; }

input, textarea, select, button { font-family: "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; }

.clear { clear: both; width: 100%; height: 0px; overflow: hidden; }

.clearb { clear: both; display: block; margin: 0; padding: 0; height: 10px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; }

.fr { float: right; }

input[type='number'] { -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input::-webkit-input-placeholder { color: #acacac; }

input:-moz-placeholder { color: #acacac; }

input::-moz-placeholder { color: #acacac; }

input:-ms-input-placeholder { color: #acacac; }

::-webkit-scrollbar { width: 12px; height: 12px; }

::-webkit-scrollbar-button { display: none; }

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { background: #fff; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 10px; background: #ccc; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-thumb:active { background: #666; }

.hide { display: none !important; }

@font-face { font-family: 'iconfont'; src: url("../fonts/iconfont.eot");
  /* IE9*/
src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */ }
/*!--字体代替iconfont--*/
[class*=icon-], [class^=icon-] { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }

.icon-apple:before { content: "\e6bc"; }

.icon-anzhuo:before { content: "\e603"; }

header { position: relative; background: linear-gradient(45deg, #68d6BF, #33C3A6); }
header .head-box { background: rgba(255, 255, 255, 0.2); }
header .head-box .head-info { width: 1100px; height: 60px; margin: 0 auto; }
header .head-box .head-info .logo { margin-left: 21px; line-height: 60px; }
header .head-box .head-info .logo a { display: block; height: 60px; padding: 10px 0; }
header .head-box .head-info .logo a img { display: block; width: auto; height: 100%; }
header .head-box .head-info .slogan { height: 60px; padding: 25px 0 15px 20px; }
header .head-box .head-info .slogan span { display: inline-block; line-height: 20px; border-left: 1px solid #fff; font-size: 16px; color: #fff; padding-left: 20px; }
header .head-box .head-info .go-home { height: 60px; padding: 10px 0; }
header .head-box .head-info .go-home a { display: block; height: 40px; line-height: 39px; font-size: 16px; padding-left: 35px; color: #fff; background: url(../../images/must/goback.png) no-repeat left center; background-size: 30%; }
header .download { margin: 0 auto; width: 1100px; }
header .download .down-content h2 { margin: 140px 0 58px 0; font-size: 45px; color: #fff; height: 56px; line-height: 56px; font-weight: 400; }
header .download .down-content .min-title { display: none; }
header .download .down-content .system { width: 260px; padding-top: 40px; }
header .download .down-content .system a { -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; padding: 0 30px; margin-bottom: 15px; width: 255px; height: 60px; line-height: 58px; font-size: 20px; display: inline-block; color: #33C3A6; background: #fff; letter-spacing: 2px; }
header .download .down-content .system a em { position: relative; top: 5px; margin-right: 10px; width: 25px; height: 30px; display: inline-block; }
header .download .down-content .system a:hover { opacity: 0.8; filter: alpha(opacity=80); }
header .download .down-content .system .android em { background: url(../../images/must/android.png) no-repeat; background-size: cover; }
header .download .down-content .system .iphone { margin-top: 15px; }
header .download .down-content .system .iphone em { background: url(../../images/must/ios.png) no-repeat; background-size: cover; }
header .download .down-content .system .min-download { display: none; }
header .download .down-content .code { margin-left: 52px; width: 190px; height: 220px; padding: 15px 15px 0 15px; border: 1px solid #33C3A6; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
header .download .down-content .code img { width: 160px; height: 160px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
header .download .down-content .code span { height: 45px; line-height: 45px; font-size: 16px; text-align: center; display: block; color: #fff; }
header .download .down-iphone { margin-top: 62px; width: 390px; height: 555px; background: url(../../images/must/01.png) no-repeat; background-size: 100% auto; }
header:after { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 138px; content: ""; display: block; background: url(../../images/must/waves.png) no-repeat center; z-index: 10; }

.footer-bt-box { min-width: 1280px; height: 80px; background: #2d2d33; padding: 15px 0; }
.footer-bt-box .footer-copyright { width: 1100px; margin: 0 auto; }

.copyright-info p { line-height: 25px; color: #666666; }
.copyright-info p em { color: #666666; padding: 0 5px; }
.copyright-info p em.copyright-title { color: #aaa; }
.copyright-info p em.copyright-phone { padding-left: 30px; }
.copyright-info p a { display: inline-block; color: #666666; padding: 0 5px; line-height: 20px; }
.copyright-info p a img { position: relative; top: -2px; display: inline-block; height: 16px; width: auto; }

.mechanism { height: 40px; padding-top: 10px; }
.mechanism a { display: inline-block; height: 30px; margin: 0 5px; }
.mechanism a img { display: block; width: auto; height: 100%; }

.a0, .a1, .a2, .a3, .a4, .a5, .a6, .a7, .a8, .a9, .a10, .a11, .a12, .a13, .a14, .a15, .a16 { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -ms-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: 0.6s; }

.a1 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: 0.2s; }

.a2 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: 0.4s; }

.a3 { -webkit-animation-delay: .6s; -moz-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: 0.6s; }

.a4 { -webkit-animation-delay: .8s; -moz-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: 0.8s; }

.a5 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }

.a6 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; }

.a7 { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; }

.a8 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s; }

.a9 { -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; }

.a10 { -webkit-animation-delay: 2.0s; -moz-animation-delay: 2.0s; -o-animation-delay: 2.0s; animation-delay: 2s; }

.a11 { -webkit-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -o-animation-delay: 2.2s; animation-delay: 2.2s; }

.a12 { -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s; }

.a13 { -webkit-animation-delay: 2.6s; -moz-animation-delay: 2.6s; -o-animation-delay: 2.6s; animation-delay: 2.6s; }

.a14 { -webkit-animation-delay: 2.8s; -moz-animation-delay: 2.8s; -o-animation-delay: 2.8s; animation-delay: 2.8s; }

.a15 { -webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s; -o-animation-delay: 3.0s; animation-delay: 3s; }

.a16 { -webkit-animation-delay: 3.2s; -moz-animation-delay: 3.2s; -o-animation-delay: 3.2s; animation-delay: 3.2s; }

.antime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }

@-webkit-keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
@keyframes rotate { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
.rotate { -webkit-animation-name: rotate; animation-name: rotate; }

@-webkit-keyframes breath { 0% { opacity: .2; }
  25% { opacity: .5; }
  50% { opacity: 1; }
  75% { opacity: .5; }
  100% { opacity: .2; } }
@keyframes breath { 0% { opacity: .2; }
  25% { opacity: .5; }
  50% { opacity: 1; }
  75% { opacity: .5; }
  100% { opacity: .2; } }
.breath { -webkit-animation-name: breath; animation-name: breath; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.active .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.active .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes progress { 0% { width: 0%; }
  100% { width: 100%; } }
@keyframes progress { 0% { width: 0%; }
  100% { width: 100%; } }
.progressbar { -webkit-animation-name: progress; animation-name: progress; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.active .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.active .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.active .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.active .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

.m-box { min-width: 1280px; }
.m-box .box { width: 1100px; margin: 0 auto; }

.m-scanning { padding: 100px 0; position: relative; height: 888px; }
.m-scanning .scanning-img { width: 687px; height: 687px; margin: 0 auto; animation: rotate 5s linear infinite; }
.m-scanning .scanning-logo { position: absolute; left: 50%; top: 50%; margin-top: -53px; margin-left: -53px; z-index: 1; }
.m-scanning .scanning-item { width: 425px; height: 220px; }
.m-scanning .scanning-item .item-info { position: relative; background: #fff; padding: 15px 20px; box-shadow: 0px 1px 10px 0px rgba(51, 195, 166, 0.15); margin-bottom: 20px; }
.m-scanning .scanning-item .item-info span { display: block; text-align: center; font-size: 20px; padding-bottom: 10px; }
.m-scanning .scanning-item .item-info span i { font-size: 30px; }
.m-scanning .scanning-item .item-info p { text-align: center; font-size: 13px; color: #999999; line-height: 25px; }
.m-scanning .scanning-item .item-info:before { position: absolute; bottom: -24px; left: 50%; margin-left: -12px; content: ""; width: 0px; height: 0px; border: 12px solid transparent; border-top: 12px solid #f1f1f1; z-index: 1; }
.m-scanning .scanning-item .item-info:after { position: absolute; bottom: -20px; left: 50%; margin-left: -10px; content: ""; width: 0px; height: 0px; border: 10px solid transparent; border-top: 10px solid #fff; z-index: 2; }
.m-scanning .scanning-item .item-icon { display: block; width: 49px; height: 49px; margin: 0 auto; background: url(../../images/must/scanning-icon.png) no-repeat; }
.m-scanning .scanning-item .item-icon.icon1 { background-position: 0 0; }
.m-scanning .scanning-item .item-icon.icon2 { background-position: -49px 0; }
.m-scanning .scanning-item .item-icon.icon3 { background-position: -98px 0; }
.m-scanning .scanning-item .item-icon.icon4 { background-position: -147px 0; }
.m-scanning .scanning-job { position: absolute; top: 120px; left: 125px; }
.m-scanning .scanning-syn { position: absolute; top: 240px; right: 85px; }
.m-scanning .scanning-msg { position: absolute; bottom: 250px; left: 30px; }
.m-scanning .scanning-type { position: absolute; right: 150px; bottom: 115px; }

.box-info { width: 530px; padding-top: 160px; }
.box-info h1 { font-size: 48px; font-weight: 400; color: #333; }
.box-info .info-text { width: 370px; }
.box-info .info-text .info-slogan { padding-top: 20px; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 15px; }
.box-info .info-text .info-slogan span { display: block; line-height: 40px; font-size: 20px; color: #555; }
.box-info .info-text p { font-size: 14px; color: #999999; line-height: 25px; }

.box-animat { position: relative; }

.m-message { background: #f8f8f8; }
.m-message .message-box { position: relative; height: 600px; }

.msg-condition { position: absolute; right: 0; bottom: 0; }
.msg-condition img { width: 400px; height: auto; }

.msg-result { position: absolute; right: -10px; top: 20px; }

.remind-box { position: relative; height: 600px; }
.remind-box .remind-animat { position: absolute; left: 0; bottom: 0; }
.remind-box .remind-animat img { width: 400px; height: auto; }

.m-found { background: #f8f8f8; }

.found-box { position: relative; height: 600px; }
.found-box .found-animat { position: absolute; right: 0; bottom: 0; }
.found-box .found-animat img { width: 400px; height: auto; }

.m-examaffect .box-info { width: 435px; }

.examaffect-box { position: relative; height: 600px; }
.examaffect-box .examaffect-animat { position: absolute; left: 0; bottom: 0; }
.examaffect-box .examaffect-animat img { width: 400px; height: auto; }

.m-data { height: 390px; background: url(../../images/must/data-bg.png) no-repeat center; background-size: cover; padding-top: 50px; }
.m-data h1 { text-align: center; font-size: 48px; font-weight: 400; color: #fff; }
.m-data .data-list { padding-top: 25px; }
.m-data .data-list li { float: left; width: 33%; height: 188px; text-align: center; position: relative; padding-top: 50px; }
.m-data .data-list li > i { position: absolute; top: 0; left: 50%; margin-left: -94px; display: block; width: 188px; height: 188px; background: url(../../images/must/data-ico.png) no-repeat; }
.m-data .data-list li:nth-child(1) > i { animation: rotate 4s linear infinite; }
.m-data .data-list li:nth-child(2) > i { animation: rotate 5s linear infinite; }
.m-data .data-list li:nth-child(3) > i { animation: rotate 6s linear infinite; }
.m-data .data-list li span { font-size: 16px; color: #fff; }
.m-data .data-list li span i { font-size: 28px; padding: 0 5px; }
.m-data .data-list li p { font-size: 18px; color: #fff; }

/* 学员评价 */
.comments { padding: 50px 0 30px 0; }
.comments .title { font-size: 48px; color: #333; text-align: center; }
.comments .comments_carousel { height: 400px; margin-top: 50px; padding: 10px 0; overflow: hidden; }
.comments .comments_carousel .comments_slider { display: none; }
.comments .comments_carousel .comments_slider .focus { height: 40px !important; text-align: center; line-height: 40px; }
.comments .comments_carousel .comments_slider .focus span { width: 10px; height: 10px; margin-right: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; border: 2px solid #ccc; font-size: 0; }
.comments .comments_carousel .comments_slider .focus span.current { background: #33C3A6; border: none; }
.comments .comments_carousel .comments_slider ul li { text-align: center; }
.comments .comments_carousel .comments_slider .comments_info { width: 320px; display: inline-block; margin: 0 22px; }
.comments .comments_carousel .comments_slider .comments_info .comments_txt { -webkit-box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; padding: 20px; height: 180px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.comments .comments_carousel .comments_slider .comments_info .comments_txt p { text-align: left; font-size: 14px; color: #666; line-height: 28px; min-height: 115px; }
.comments .comments_carousel .comments_slider .comments_info .comments_txt span { display: block; text-align: right; font-size: 15px; color: #33C3A6; line-height: 30px; }
.comments .comments_carousel .comments_slider .comments_info .comments_bg { height: 20px; background: url(../../images/must/comments_bg.jpg) no-repeat 65px 0; position: relative; top: -1px; opacity: 0.5; filter: alpha(opacity=50); }
.comments .comments_carousel .comments_slider .comments_info .comments_img { width: 100%; height: 70px; text-align: left; padding-left: 40px; }
.comments .comments_carousel .comments_slider .comments_info .comments_img span { display: inline-block; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; border: 1px solid #f1f1f1; }

.m-product { background: #f8f8f8; padding: 70px 0; }
.m-product .title { font-size: 48px; color: #333; text-align: center; }
.m-product .product-text { padding: 20px 0 50px 0; }
.m-product .product-text p { text-align: center; font-size: 16px; color: #666666; line-height: 25px; }

.product-list { background: #fff; -webkit-box-shadow: 0 0 15px #ccc; -moz-box-shadow: 0 0 15px #ccc; box-shadow: 0 0 15px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding: 10px; }
.product-list ul { position: relative; padding-left: 360px; }
.product-list ul li { width: 360px; height: 580px; float: left; padding: 20px; }
.product-list ul li.product-active { position: absolute; top: -30px; left: -10px; width: 370px; height: 650px; background: #fff; border: 1px solid #fa4628; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding-top: 50px; }
.product-list ul li.product-active:before { position: absolute; top: 0; right: 40px; content: ""; display: inline-block; width: 34px; height: 50px; background: url(../../images/must/recommend-ico.png) no-repeat; background-size: 100% auto; }
.product-list ul li .product-head { border-bottom: 1px dashed #f1f1f1; text-align: center; padding-bottom: 20px; }
.product-list ul li .product-head span { display: inline-block; }
.product-list ul li .product-head h1 { padding-top: 20px; font-size: 20px; color: #33C3A6; font-weight: 400; line-height: 30px; }
.product-list ul li .product-head p { font-size: 16px; color: #33C3A6; line-height: 30px; }
.product-list ul li .product-info { padding-top: 20px; }
.product-list ul li .product-info p { text-align: center; font-size: 14px; color: #999999; line-height: 25px; }
.product-list ul li .product-info .product-code { padding: 20px 0 0 0; text-align: center; }
.product-list ul li .product-info .product-code span { display: block; width: 110px; height: 110px; margin: 0 auto; border: 1px solid #f1f1f1; padding: 5px; margin-bottom: 10px; }
.product-list ul li .product-info .product-code span img { display: block; width: 100%; height: 100%; }
.product-list ul li .product-info .product-code i { display: block; line-height: 20px; font-size: 12px; color: #bbb; }
.product-list ul li .product-info .product-btn { padding-top: 30px; text-align: center; }
.product-list ul li .product-info .product-btn a { width: 160px; display: inline-block; height: 40px; line-height: 40px; font-size: 15px; }
.product-list ul li .product-info .product-btn a.download-btn { color: #fff; background: linear-gradient(45deg, #3FC0A5, #41D2B4); border-radius: 20px; }
.product-list ul li .product-info .product-btn a.website-btn { border: 1px solid #33C3A6; background: #fff; color: #33C3A6; border-radius: 20px; }
.product-list ul li .product-info .product-btn a.website-btn:hover { background: white; }
.product-list ul li .product-info .product-btn a.website-btn:focus { outline: none !important; }
.product-list ul li ~ li { border-left: 1px solid #f1f1f1; }

.fixed-code { display: none; padding: 10px; position: fixed; right: 50px; top: 30%; background: #fff; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }
.fixed-code span { display: block; width: 120px; height: 120px; }
.fixed-code span img { display: block; width: 100%; height: 100%; }
.fixed-code p { padding-top: 5px; text-align: center; font-size: 14px; color: #666; }