/*=================================
*         ShopEx licence
*
* @copyright  Copyright (c) 2003-2013 ShopEx Technologies Inc. (http://yunqi.shopex.cn)
*    
*   program : xuzhenjia0917@qq.com
* ==================================*/
html { background: #FFFFFF; }

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure { margin: 0; }

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

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, a img, iframe { border: 0 none; }

address, em, i { font-style: normal; }

abbr, acronym { font-variant: normal; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }

input, select, button { vertical-align: middle; }

input, textarea, select { *font-size: 100%; }

button { overflow: visible; }

button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner { border: 0 none; padding: 0; }

:active { outline: 0 none; }

body { font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif; }

a { color: #515151; text-decoration: none; }
a:hover { color: #31a5e7; }

.fix, .c_right_fix { position: fixed; }

.no-line { text-decoration: none; }
.no-line:hover { text-decoration: none; }

.fl { float: left; _display: inline; }

.fr { float: right; _display: inline; }

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

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

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

.bold { font-weight: bold; }

.pr, .c_right_fix li { position: relative; }

.pa, .c_right_fix li span, .c_right_fix li span:after { position: absolute; }

.clear { height: 0; line-height: 0; font-size: 0; clear: both; }

.clearfix { display: block; *zoom: 1; }
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

.clearboth { clear: both; }

.hide { display: none; }

.l-20 { line-height: 20px; }

.l-23 { line-height: 23px; }

.l-24 { line-height: 24px; }

.l-34 { line-height: 34px; }

.l-30 { line-height: 30px; }

.l-32 { line-height: 32px; }

.l-36 { line-height: 36px; }

.l-40 { line-height: 40px; }

.l-44 { line-height: 44px; }

.l-52 { line-height: 52px; }

.l-60 { line-height: 60px; }

.f-10 { font-size: 10px; }

.f-12 { font-size: 12px; }

.f-13 { font-size: 13px; }

.f-14 { font-size: 14px; }

.f-15 { font-size: 15px; }

.f-16 { font-size: 16px; }

.f-17 { font-size: 17px; }

.f-18 { font-size: 18px; }

.f-19 { font-size: 19px; }

.f-20 { font-size: 20px; }

.f-21 { font-size: 21px; }

.f-22 { font-size: 22px; }

.f-23 { font-size: 23px; }

.f-24 { font-size: 24px; }

.f-26 { font-size: 26px; }

.f-28 { font-size: 28px; }

.f-30 { font-size: 30px; }

.f-32 { font-size: 32px; }

.f-34 { font-size: 34px; }

.f-35 { font-size: 35px; }

.f-36 { font-size: 36px; }

.f-38 { font-size: 38px; }

.f-40 { font-size: 40px; }

.f-45 { font-size: 45px; }

.f-46 { font-size: 46px; }

.f-48 { font-size: 48px; }

.f-50 { font-size: 50px; }

.f-55 { font-size: 55px; }

.f-60 { font-size: 60px; }

.f-66 { font-size: 66px; }

.f-70 { font-size: 70px; }

.f-80 { font-size: 80px; }

.f-100 { font-size: 100px; }

.f-120 { font-size: 120px; }

.f-140 { font-size: 140px; }

.f-160 { font-size: 160px; }

.m-5 { margin: 5px; }

.ml-5 { margin-left: 5px; }

.mr-5 { margin-right: 5px; }

.mt-5 { margin-top: 5px; }

.mb-5 { margin-bottom: 5px; }

.p-5 { padding: 5px; }

.pl-5 { padding-left: 5px; }

.pr-5 { padding-right: 5px; }

.pt-5 { padding-top: 5px; }

.pb-5 { padding-bottom: 5px; }

.m-7 { margin: 7px; }

.ml-7 { margin-left: 7px; }

.mr-7 { margin-right: 7px; }

.mt-7 { margin-top: 7px; }

.mb-7 { margin-bottom: 7px; }

.p-7 { padding: 7px; }

.pl-7 { padding-left: 7px; }

.pr-7 { padding-right: 7px; }

.pt-7 { padding-top: 7px; }

.pb-7 { padding-bottom: 7px; }

.m-8 { margin: 8px; }

.ml-8 { margin-left: 8px; }

.mr-8 { margin-right: 8px; }

.mt-8 { margin-top: 8px; }

.mb-8 { margin-bottom: 8px; }

.p-8 { padding: 8px; }

.pl-8 { padding-left: 8px; }

.pr-8 { padding-right: 8px; }

.pt-8 { padding-top: 8px; }

.pb-8 { padding-bottom: 8px; }

.m-10 { margin: 10px; }

.ml-10 { margin-left: 10px; }

.mr-10 { margin-right: 10px; }

.mt-10 { margin-top: 10px; }

.mb-10 { margin-bottom: 10px; }

.p-10 { padding: 10px; }

.pl-10 { padding-left: 10px; }

.pr-10 { padding-right: 10px; }

.pt-10 { padding-top: 10px; }

.pb-10 { padding-bottom: 10px; }

.m-12 { margin: 12px; }

.ml-12 { margin-left: 12px; }

.mr-12 { margin-right: 12px; }

.mt-12 { margin-top: 12px; }

.mb-12 { margin-bottom: 12px; }

.p-12 { padding: 12px; }

.pl-12 { padding-left: 12px; }

.pr-12 { padding-right: 12px; }

.pt-12 { padding-top: 12px; }

.pb-12 { padding-bottom: 12px; }

.m-15 { margin: 15px; }

.ml-15 { margin-left: 15px; }

.mr-15 { margin-right: 15px; }

.mt-15 { margin-top: 15px; }

.mb-15 { margin-bottom: 15px; }

.p-15 { padding: 15px; }

.pl-15 { padding-left: 15px; }

.pr-15 { padding-right: 15px; }

.pt-15 { padding-top: 15px; }

.pb-15 { padding-bottom: 15px; }

.m-20 { margin: 20px; }

.ml-20 { margin-left: 20px; }

.mr-20 { margin-right: 20px; }

.mt-20 { margin-top: 20px; }

.mb-20 { margin-bottom: 20px; }

.p-20 { padding: 20px; }

.pl-20 { padding-left: 20px; }

.pr-20 { padding-right: 20px; }

.pt-20 { padding-top: 20px; }

.pb-20 { padding-bottom: 20px; }

.m-25 { margin: 25px; }

.ml-25 { margin-left: 25px; }

.mr-25 { margin-right: 25px; }

.mt-25 { margin-top: 25px; }

.mb-25 { margin-bottom: 25px; }

.p-25 { padding: 25px; }

.pl-25 { padding-left: 25px; }

.pr-25 { padding-right: 25px; }

.pt-25 { padding-top: 25px; }

.pb-25 { padding-bottom: 25px; }

.m-30 { margin: 30px; }

.ml-30 { margin-left: 30px; }

.mr-30 { margin-right: 30px; }

.mt-30 { margin-top: 30px; }

.mb-30 { margin-bottom: 30px; }

.p-30 { padding: 30px; }

.pl-30 { padding-left: 30px; }

.pr-30 { padding-right: 30px; }

.pt-30 { padding-top: 30px; }

.pb-30 { padding-bottom: 30px; }

.m-35 { margin: 35px; }

.ml-35 { margin-left: 35px; }

.mr-35 { margin-right: 35px; }

.mt-35 { margin-top: 35px; }

.mb-35 { margin-bottom: 35px; }

.p-35 { padding: 35px; }

.pl-35 { padding-left: 35px; }

.pr-35 { padding-right: 35px; }

.pt-35 { padding-top: 35px; }

.pb-35 { padding-bottom: 35px; }

.m-40 { margin: 40px; }

.ml-40 { margin-left: 40px; }

.mr-40 { margin-right: 40px; }

.mt-40 { margin-top: 40px; }

.mb-40 { margin-bottom: 40px; }

.p-40 { padding: 40px; }

.pl-40 { padding-left: 40px; }

.pr-40 { padding-right: 40px; }

.pt-40 { padding-top: 40px; }

.pb-40 { padding-bottom: 40px; }

.m-45 { margin: 45px; }

.ml-45 { margin-left: 45px; }

.mr-45 { margin-right: 45px; }

.mt-45 { margin-top: 45px; }

.mb-45 { margin-bottom: 45px; }

.p-45 { padding: 45px; }

.pl-45 { padding-left: 45px; }

.pr-45 { padding-right: 45px; }

.pt-45 { padding-top: 45px; }

.pb-45 { padding-bottom: 45px; }

.m-50 { margin: 50px; }

.ml-50 { margin-left: 50px; }

.mr-50 { margin-right: 50px; }

.mt-50 { margin-top: 50px; }

.mb-50 { margin-bottom: 50px; }

.p-50 { padding: 50px; }

.pl-50 { padding-left: 50px; }

.pr-50 { padding-right: 50px; }

.pt-50 { padding-top: 50px; }

.pb-50 { padding-bottom: 50px; }

.m-53 { margin: 53px; }

.ml-53 { margin-left: 53px; }

.mr-53 { margin-right: 53px; }

.mt-53 { margin-top: 53px; }

.mb-53 { margin-bottom: 53px; }

.p-53 { padding: 53px; }

.pl-53 { padding-left: 53px; }

.pr-53 { padding-right: 53px; }

.pt-53 { padding-top: 53px; }

.pb-53 { padding-bottom: 53px; }

.m-54 { margin: 54px; }

.ml-54 { margin-left: 54px; }

.mr-54 { margin-right: 54px; }

.mt-54 { margin-top: 54px; }

.mb-54 { margin-bottom: 54px; }

.p-54 { padding: 54px; }

.pl-54 { padding-left: 54px; }

.pr-54 { padding-right: 54px; }

.pt-54 { padding-top: 54px; }

.pb-54 { padding-bottom: 54px; }

.m-55 { margin: 55px; }

.ml-55 { margin-left: 55px; }

.mr-55 { margin-right: 55px; }

.mt-55 { margin-top: 55px; }

.mb-55 { margin-bottom: 55px; }

.p-55 { padding: 55px; }

.pl-55 { padding-left: 55px; }

.pr-55 { padding-right: 55px; }

.pt-55 { padding-top: 55px; }

.pb-55 { padding-bottom: 55px; }

.m-60 { margin: 60px; }

.ml-60 { margin-left: 60px; }

.mr-60 { margin-right: 60px; }

.mt-60 { margin-top: 60px; }

.mb-60 { margin-bottom: 60px; }

.p-60 { padding: 60px; }

.pl-60 { padding-left: 60px; }

.pr-60 { padding-right: 60px; }

.pt-60 { padding-top: 60px; }

.pb-60 { padding-bottom: 60px; }

.m-65 { margin: 65px; }

.ml-65 { margin-left: 65px; }

.mr-65 { margin-right: 65px; }

.mt-65 { margin-top: 65px; }

.mb-65 { margin-bottom: 65px; }

.p-65 { padding: 65px; }

.pl-65 { padding-left: 65px; }

.pr-65 { padding-right: 65px; }

.pt-65 { padding-top: 65px; }

.pb-65 { padding-bottom: 65px; }

.m-70 { margin: 70px; }

.ml-70 { margin-left: 70px; }

.mr-70 { margin-right: 70px; }

.mt-70 { margin-top: 70px; }

.mb-70 { margin-bottom: 70px; }

.p-70 { padding: 70px; }

.pl-70 { padding-left: 70px; }

.pr-70 { padding-right: 70px; }

.pt-70 { padding-top: 70px; }

.pb-70 { padding-bottom: 70px; }

.m-75 { margin: 75px; }

.ml-75 { margin-left: 75px; }

.mr-75 { margin-right: 75px; }

.mt-75 { margin-top: 75px; }

.mb-75 { margin-bottom: 75px; }

.p-75 { padding: 75px; }

.pl-75 { padding-left: 75px; }

.pr-75 { padding-right: 75px; }

.pt-75 { padding-top: 75px; }

.pb-75 { padding-bottom: 75px; }

.m-80 { margin: 80px; }

.ml-80 { margin-left: 80px; }

.mr-80 { margin-right: 80px; }

.mt-80 { margin-top: 80px; }

.mb-80 { margin-bottom: 80px; }

.p-80 { padding: 80px; }

.pl-80 { padding-left: 80px; }

.pr-80 { padding-right: 80px; }

.pt-80 { padding-top: 80px; }

.pb-80 { padding-bottom: 80px; }

.m-90 { margin: 90px; }

.ml-90 { margin-left: 90px; }

.mr-90 { margin-right: 90px; }

.mt-90 { margin-top: 90px; }

.mb-90 { margin-bottom: 90px; }

.p-90 { padding: 90px; }

.pl-90 { padding-left: 90px; }

.pr-90 { padding-right: 90px; }

.pt-90 { padding-top: 90px; }

.pb-90 { padding-bottom: 90px; }

.m-95 { margin: 95px; }

.ml-95 { margin-left: 95px; }

.mr-95 { margin-right: 95px; }

.mt-95 { margin-top: 95px; }

.mb-95 { margin-bottom: 95px; }

.p-95 { padding: 95px; }

.pl-95 { padding-left: 95px; }

.pr-95 { padding-right: 95px; }

.pt-95 { padding-top: 95px; }

.pb-95 { padding-bottom: 95px; }

.m-100 { margin: 100px; }

.ml-100 { margin-left: 100px; }

.mr-100 { margin-right: 100px; }

.mt-100 { margin-top: 100px; }

.mb-100 { margin-bottom: 100px; }

.p-100 { padding: 100px; }

.pl-100 { padding-left: 100px; }

.pr-100 { padding-right: 100px; }

.pt-100 { padding-top: 100px; }

.pb-100 { padding-bottom: 100px; }

.m-120 { margin: 120px; }

.ml-120 { margin-left: 120px; }

.mr-120 { margin-right: 120px; }

.mt-120 { margin-top: 120px; }

.mb-120 { margin-bottom: 120px; }

.p-120 { padding: 120px; }

.pl-120 { padding-left: 120px; }

.pr-120 { padding-right: 120px; }

.pt-120 { padding-top: 120px; }

.pb-120 { padding-bottom: 120px; }

.m-130 { margin: 130px; }

.ml-130 { margin-left: 130px; }

.mr-130 { margin-right: 130px; }

.mt-130 { margin-top: 130px; }

.mb-130 { margin-bottom: 130px; }

.p-130 { padding: 130px; }

.pl-130 { padding-left: 130px; }

.pr-130 { padding-right: 130px; }

.pt-130 { padding-top: 130px; }

.pb-130 { padding-bottom: 130px; }

.m-140 { margin: 140px; }

.ml-140 { margin-left: 140px; }

.mr-140 { margin-right: 140px; }

.mt-140 { margin-top: 140px; }

.mb-140 { margin-bottom: 140px; }

.p-140 { padding: 140px; }

.pl-140 { padding-left: 140px; }

.pr-140 { padding-right: 140px; }

.pt-140 { padding-top: 140px; }

.pb-140 { padding-bottom: 140px; }

.m-160 { margin: 160px; }

.ml-160 { margin-left: 160px; }

.mr-160 { margin-right: 160px; }

.mt-160 { margin-top: 160px; }

.mb-160 { margin-bottom: 160px; }

.p-160 { padding: 160px; }

.pl-160 { padding-left: 160px; }

.pr-160 { padding-right: 160px; }

.pt-160 { padding-top: 160px; }

.pb-160 { padding-bottom: 160px; }

.m-180 { margin: 180px; }

.ml-180 { margin-left: 180px; }

.mr-180 { margin-right: 180px; }

.mt-180 { margin-top: 180px; }

.mb-180 { margin-bottom: 180px; }

.p-180 { padding: 180px; }

.pl-180 { padding-left: 180px; }

.pr-180 { padding-right: 180px; }

.pt-180 { padding-top: 180px; }

.pb-180 { padding-bottom: 180px; }

.m-190 { margin: 190px; }

.ml-190 { margin-left: 190px; }

.mr-190 { margin-right: 190px; }

.mt-190 { margin-top: 190px; }

.mb-190 { margin-bottom: 190px; }

.p-190 { padding: 190px; }

.pl-190 { padding-left: 190px; }

.pr-190 { padding-right: 190px; }

.pt-190 { padding-top: 190px; }

.pb-190 { padding-bottom: 190px; }

.m-195 { margin: 195px; }

.ml-195 { margin-left: 195px; }

.mr-195 { margin-right: 195px; }

.mt-195 { margin-top: 195px; }

.mb-195 { margin-bottom: 195px; }

.p-195 { padding: 195px; }

.pl-195 { padding-left: 195px; }

.pr-195 { padding-right: 195px; }

.pt-195 { padding-top: 195px; }

.pb-195 { padding-bottom: 195px; }

.m-200 { margin: 200px; }

.ml-200 { margin-left: 200px; }

.mr-200 { margin-right: 200px; }

.mt-200 { margin-top: 200px; }

.mb-200 { margin-bottom: 200px; }

.p-200 { padding: 200px; }

.pl-200 { padding-left: 200px; }

.pr-200 { padding-right: 200px; }

.pt-200 { padding-top: 200px; }

.pb-200 { padding-bottom: 200px; }

.m-210 { margin: 210px; }

.ml-210 { margin-left: 210px; }

.mr-210 { margin-right: 210px; }

.mt-210 { margin-top: 210px; }

.mb-210 { margin-bottom: 210px; }

.p-210 { padding: 210px; }

.pl-210 { padding-left: 210px; }

.pr-210 { padding-right: 210px; }

.pt-210 { padding-top: 210px; }

.pb-210 { padding-bottom: 210px; }

.lt-center { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.wrap { width: 1200px; margin: 0 auto; }

/*==top-bar==*/
.top-bar { height: 40px; border-bottom: 1px solid #eaeaea; background: #f8f8f8; }
.top-bar .top-left { width: 250px; }
.top-bar .top-left a { display: block; width: 100px; height: 40px; line-height: 40px; border-left: 1px solid #eaeaea; color: #555; }
.top-bar .top-left a:nth-child(2) { border-right: 1px solid #eaeaea; }
.top-bar .top-left a:hover { color: #ec0927; }
.top-bar .top-right { color: #e56d14; line-height: 40px; }

/*==nav==*/
.nav .logo { display: block; width: 130px; height: 90px; }
.nav .menu { width: 700px; height: 90px; }
.nav .menu li { width: 100px; height: 90px; line-height: 90px; float: left; }
.nav .search-box .search-url { width: 175px; height: 24px; line-height: 24px; border: 1px solid #d1d1d1; color: #d1d1d1; padding-left: 5px; }
.nav .search-box .search-btn { width: 60px; height: 26px; line-height: 26px; color: #fff; background: #c72322; border: none; border-radius: 3px; }

/*==footer==*/
.footer_flex { width: 292px; margin: 90px auto 0; }
.footer_flex li { width: 45px; height: 45px; background-color: #bbb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 14px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover { background-color: #ff8400; }
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { display: none; }
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n { padding-top: 10px; }
.footer_flex li .flex-footer { width: 146px; height: 124px; position: absolute; left: -49px; top: -140px; text-align: center; padding-top: 15px; background: url(../../bundles/shopexyunqi/images/footerflex.png) 1px top no-repeat; display: none; }

.footer { color: #666; }

.ur_here { height: 45px; line-height: 44px; background: #f4f4f4; }
.ur_here a, .ur_here span { color: #000; padding: 0 10px; }
.ur_here a:hover, .ur_here a.active, .ur_here span:hover, .ur_here span.active { color: #d12800; }
.ur_here .btn { display: inline-block; width: 115px; height: 33px; line-height: 32px; background: #d12800; color: #fff; border-radius: 5px; text-align: center; }

.license { background: url(../../bundles/shopexyunqi/images/license_bg.jpg) no-repeat center top; height: 340px; margin-top: 30px; }
.license h3 { color: #333; }
.license p { color: #333; }
.license a { display: block; width: 300px; height: 50px; line-height: 50px; background: #c72322; border-radius: 3px; margin: 30px auto 0; color: #fff; }

.c_right_fix { width: 40px; background: #222; right: 0; height: 100%; top: 0; z-index: 999; color: #ffffff; text-align: center; font-size: 15px; }
.c_right_fix a { color: inherit; }
.c_right_fix ul { padding-top: 210px; }
.c_right_fix li { cursor: pointer; position: relative; transition: 0.4s; width: 40px; height: 40px; }
.c_right_fix li a { display: block; width: 100%; }
.c_right_fix li a img { vertical-align: middle; }
.c_right_fix li:first-of-type { margin-bottom: 20px; height: 100px; padding-top: 40px; padding-bottom: 10px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFoSURBVDiNnZMxS1tRGIafGwMJYktpQcFR7RAyJJQWShFcHAQRFHFSp06CP6Z/oD9AhyxdCp1Klza4OJQuKk6CxkEIATWJT4d7Lj0tuYnNA5d7OHzfc17udy4qOc9L9aPaM+VQreXV50nW1a9qW+0HUUf9ru6qyWNEG+oPtRsED/6hqx6rO6NEc2ojkgyip35Rq3Fvgb9ZBF4DRfKZAGrAcrxZ+GddBZ4NkWRMARWgNEhEkAxLk5EA5bg2Fk0Dz0mjj2ICeAHMDhKtAq8emagI1ENPSvjqC+rnIZPK45taj6f2nnRa/0sN2MsSvVNPx0iTcaFuJWoTeDNGmpibRP0FtACBBWCG0ZPrA9fACenAKom6BlwCHWAf2AaejBB1gAbwgXSC80XgU1TQHtBkeCfRXhJkP4E7oBnfoyXSf20y2rsFzoGz0JhJy8BbYCUrjC9fH7gKDU+BHnAEHAD3wGY4rBQOaIU0APwGhS2sbUOO5uMAAAAASUVORK5CYII=') center 20px no-repeat; }
.c_right_fix li:first-of-type span { width: 150px; height: 150px; margin-top: -75px; }
.c_right_fix li:first-of-type span h3 { background: #e09c00; text-align: center; font-size: 12px; color: #fff; }
.c_right_fix li:first-of-type span div { background: url("../../bundles/shopexyunqi/images/c_right_fix_code.jpg") center 7px no-repeat #333333; padding-top: 120px; color: #fff; font-size: 10px; }
.c_right_fix li:first-of-type span a { margin-top: 5px; }
.c_right_fix li:first-of-type span a:hover { background: #ffffff; color: #333333; }
.c_right_fix li:first-of-type span:after { top: 80px; }
.c_right_fix li:nth-of-type(2) { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMTQ2QjRDMkZDMjZFNjExOTNCRkQwNzYzNDI0Qzc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTRFMTMwRTM3QUExMUU2OTMwODk2QzZGRDdENjA5RiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTRFMTMwRDM3QUExMUU2OTMwODk2QzZGRDdENjA5RiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlCRjBGNzI2OUYzN0U2MTFBMDAyODRENUEzMjg5NUUyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIxNDZCNEMyRkMyNkU2MTE5M0JGRDA3NjM0MjRDNzU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+DXFMwgAAAXVJREFUeNp8080rRFEYx/E7ZEwICyGTWSgbkkKKWEiynY2EDSsLWVkQyctCWYytP4BmI8rSThI71orEwtSMGi9NMl6O78lzZ85cx33qM82c+9zfnXPmGUcp5YghzKLMWNNKEPas5eiXIOIqX1uepg1Zv8CoLWBTFdYjio2meizhWq7vykNzAWn1t7qloRPHWEA1VvGNPQTcAFuNSEAzzuWmW7RgWXombQGviCEkTxhDI/qRxA2q5Dz0lgI6ICE3f6LW2HsDPpDFFAakT29nWt636cYD4xtEPaccwQneUIdLnKFV+ieKHMc5dPI15xTWPRYRQg+uEEZGrpfrgH08yUIfop6QFLJ4QBAJ1Mi1pPtV14xt6MOptEyjOxMROeQZlLoNFbgzQuL/ja5tEl2D+DJCVmR9WH6pUzT5BWjrnrnYQcb4nEKvX4Aenm3lX2kZa2uAa16GyFbvMmS+AVqXDJFZLxg3+37/Uf7Vjg4ZniM8mxd/BBgA9sZEnlnsL8MAAAAASUVORK5CYII=') center center no-repeat; }
.c_right_fix li:nth-of-type(2) span { width: 190px; }
.c_right_fix li:nth-of-type(3) { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQUI3Q0FEMzAwMjNFNjExQkRDMEM1ODVCOUYwMzg5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQzYxRDAyNTI1NkIxMUU2QkVDODk1REFGNjRBM0FDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQzYxRDAyNDI1NkIxMUU2QkVDODk1REFGNjRBM0FDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRFNjA3QzUwMDMyNUU2MTE5OTk0RkNBQUZBMkU3NTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBQjdDQUQzMDAyM0U2MTFCREMwQzU4NUI5RjAzODk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AQcRBQAAAFhJREFUeNpi/A8EDLgBI5TGqYYRagAjFrn/aAZgVYNswH80m7EZgKFmcBlAURhQFAsMlACqGECXhIQzcEmJRnTx/+guICYd4PUCqQmJupmJlFhAcQlAgAEA4KNp1BuvtMAAAAAASUVORK5CYII=') center center no-repeat; }
.c_right_fix li:nth-of-type(3) span { padding-top: 110px; width: 120px; background: url("../../bundles/shopexyunqi/images/c_right_fix_code.jpg") center 7px no-repeat #333333; margin-top: -75px; }
.c_right_fix li:nth-of-type(4) { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQUI3Q0FEMzAwMjNFNjExQkRDMEM1ODVCOUYwMzg5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRDgzNEQxNzI1NkIxMUU2QkVDODk1REFGNjRBM0FDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRDgzNEQxNjI1NkIxMUU2QkVDODk1REFGNjRBM0FDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRFNjA3QzUwMDMyNUU2MTE5OTk0RkNBQUZBMkU3NTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBQjdDQUQzMDAyM0U2MTFCREMwQzU4NUI5RjAzODk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sn2yCQAAALpJREFUeNpi+P//vy8Q3/tPHPgHxNFAzADDIOLVf9LATyB2QjaAHPABiHXxGXAQiM2BmBmIWYHYBIg3oql5DMQy2Ax4AsTcQMwIxG5A7A9lgww7j6b2EjYD5kP954EkZgwVm4qumJgwuAnEvFC1u0g14DIQi0HVJUGjkSQDzKBqGnApYASbghuwAjEbEH8CYmZsCggZQBAQMkAAiD8C8f8BM4AoL3wA0vxk6n/AAM2eH8jIUK+BOAAgwAABSXpL9JIxsAAAAABJRU5ErkJggg==') center center no-repeat; }
.c_right_fix li:nth-of-type(5) { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGQUI3Q0FEMzAwMjNFNjExQkRDMEM1ODVCOUYwMzg5NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRDgzNEQxQjI1NkIxMUU2QkVDODk1REFGNjRBM0FDRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRDgzNEQxQTI1NkIxMUU2QkVDODk1REFGNjRBM0FDRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRFNjA3QzUwMDMyNUU2MTE5OTk0RkNBQUZBMkU3NTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBQjdDQUQzMDAyM0U2MTFCREMwQzU4NUI5RjAzODk2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Z7RhOAAAAHNJREFUeNpi+P//fxQQv/tPOngNxEGMQOI9AwODAAN54CnIgP8MFAB0AxiJ1PcflwEUu2DUCwPlhXdAWpBM/Y8YgAYEAvELMvLCUyD2AhmADcPAfSCWx6EGjPEZQFAzPgPuEaMZhBlxRII8ED8kJhQBAgwAJHNGjyDyVVYAAAAASUVORK5CYII=') center center no-repeat; }
.c_right_fix li:last-of-type { position: absolute; bottom: 40px; font-size: 12px; }
.c_right_fix li:last-of-type:before { content: ""; display: inline-block; width: 0; height: 0; border: 8px solid transparent; border-bottom: 8px solid #fff; }
.c_right_fix li:hover { background-color: #f39c11; }
.c_right_fix li:hover:nth-of-type(6) { background: none; }
.c_right_fix li span { width: 90px; height: 40px; line-height: 40px; font-size: 13px; background: #333333; right: 140px; top: 50%; margin-top: -20px; display: none; }
.c_right_fix li span:after { content: ""; display: inline-block; width: 0; height: 0; border: 6px solid transparent; border-left: 6px solid #333333; right: -12px; top: 50%; margin-top: -6px; z-index: 21; }

.fix-box { background: rgba(0, 0, 0, 0.5); position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; }
.fix-box .box-img { display: block; position: fixed; left: 50%; top: 50%; width: 716px; height: 280px; margin: -140px 0 0 -358px; }
.fix-box .close { position: absolute; top: 50%; left: 50%; width: 38px; height: 38px; line-height: 34px; z-index: 999; margin-top: -135px; margin-left: 310px; cursor: pointer; border: 1px solid #fff; border-radius: 50%; background: #6e6e6e; color: #fff; }

.fix-small { position: fixed; right: 40px; bottom: 0; width: 213px; height: 202px; z-index: 100; display: block; cursor: pointer; }