body{ background:#fff; font-family: "Arial"}
body, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dt, dd{ margin:0; padding:0; font-weight:normal; font-style:normal}
table, h1, h2, h3, h4, h5, h6{ font-size:100%}
ul, li, dl, dt, dd{ list-style-type:none}
table{ border-collapse:collapse; border-spacing:0; border:0}
img{ border:none; vertical-align:bottom}
a, button{ cursor:pointer}
*:focus { outline: none}
*{ word-break: keep-all;}
a:link{ text-decoration:none}
a:visited{ text-decoration:none}
a:hover{ text-decoration:none}
a:active{ text-decoration:none}

.fw_b{ font-weight:bold}

.co_red{ color:#F00}
.co_or{ color:#F60}
.co_999{ color:#999}
.co_666{ color:#666}

.bc_fa{ background-color:#fafafa}
.bc_f3{ background-color:#f3f3f3}
.bc_f4{ background-color:#f4f4f4}
.bc_f7{ background-color:#f7f7f7}
.bc_2d{ background-color:#2D333F}
.bc_0b{ background-color:#0B98E9}


.main{ width:100%; overflow:hidden}
.wrapper_line{ border-bottom:1px solid #EEEEEE}
.top_line{ border-top:1px solid #EEEEEE}
.bg{ background:url(../images/new_bg.png?t=2017) no-repeat; background-size:150px 3000px}
.country_icon{ background-image:url(https://images.iyunmai.com/home/static/images/country_icon.png?t=2018012317); background-size:50px 3000px; background-repeat:no-repeat}

.head{ width:100%; height:44px; float:left; overflow:hidden; position:relative; -webkit-transform:translate3d(0,0,0); z-index:99999}
.head ul{ width:100%; height:43px; float:left; position:relative; background-color:#DF001F; border-bottom:1px solid rgba(0,0,0,0.1); transition:background-color 0.3s ease-in-out; -webkit-transition:background-color 0.3s ease-in-out; z-index:999999}
.head li{ width:50%; height:43px; overflow:hidden; float:left; position:relative}
.head .menu{ width:18px; height:43px; float:left; position:relative; padding:0 18px; top:15px}
.head .menu .line_box{ width:18px; height:1px; float:left; position:absolute; top:0; transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99)}
.head .menu .line_box .line{ width:18px; height:1px; float:left; background-color:#fff; border-radius:50px; transition:transform 0.25s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99),background-color 0.6s ease; -webkit-transition:transform 0.25s 0.1s cubic-bezier(0.4, 0.01, 0.165, 0.99),background-color 0.6s ease}
.head .menu .t_21{ top:5px; transition:opacity 0.1s linear; -webkit-transition:opacity 0.1s linear}
.head .menu .t_26{ top:10px}
.head .logo{ width:24px; height:16px; float:left; position:absolute; right:18px; margin-top:14px; background:url(../images/logo.png) no-repeat; background-size:24px 100px; opacity: 0; transition:opacity 0.6s ease}
.head .logo_white{ background-position:0 -50px; opacity:1}
.head .close_icon{ background-position:11px -2685px}

.head_white .menu .line_box .line{ background-color:#DF001F}
.head_white .logo{ opacity:1}
.head_white .logo_white{ opacity:0}
.head_white .h_icon{ background-position:10px -2587px}

.select_product{ width:100%; height:0; float:left; overflow:hidden; position:fixed; top:44px; left:0; background-color:rgba(255,255,255,1); z-index:99998; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out}
.select_product ul{ width:calc(100% - 30px); float:left; margin-left:15px}
.select_product li{ width:100%; height:48px; line-height:48px; float:left; font-size:14px; border-bottom:1px solid #E5E5E5; transition:all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition:all 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99); opacity:0}
.select_product li .new{ width:24px; height:12px; overflow:hidden; line-height:13px; font-size:10px; text-align:center; float:left; color:#f70034; border-radius:2px; border:1px solid #f70034; margin:17px 0 0 12px}
.select_product li a{ width:calc(100% - 10px); background-position:right -2080px; float:left; color:#323232}

.foot{ width:100%; float:left; padding:25px 0}
.foot .con{ width:100%; float:left; font-size:10px; text-align:center; color:#888; line-height:16px}
.foot .country_btn{ width:10px; height:24px; margin-right:5px; display:inline-block; overflow:hidden}
.foot .dp_ib{ overflow:hidden; display:inline-block; height:24px}
.foot a{ color: #888}

.selCountry{ width:113px; padding:5px 0; float:left; display:none; overflow:hidden; font-size:10px; position:absolute; border:1px solid #999; background-color:#fff; z-index:999999}
.selCountry li{ width:93px; height:18px; line-height:18px; float:left; overflow:hidden; padding:0 6px}
.selCountry a{ color:#666; padding-left:13px; float:left}

.cn{ background-position:0 -498px}
.us{ background-position:0 -528px}
.kr{ background-position:0 -558px}
.uk{ background-position:0 -588px}
.br{ background-position:0 -618px}
.ua{ background-position:0 -648px}
.tw{ background-position:0 -678px}
.ru{ background-position:0 -708px}
.au{ background-position:0 -738px}

.buy_btn{ width:100%; height:70px; float:left; margin:30px 0 20px; background-color:#f02546; border-radius:8px; color:#fff; font-size:1.9em; line-height:70px; text-align:center}
.hevent_btn{ color:#221E1F; border:1px solid #BABABA; background-color:#F4F4F4; float:left; height:68px; margin:30px 0 20px; line-height:68px}
.post_btn, .post_w_btn, .post_fa_btn, .del_btn{ width:100%; height:52px; float:left; background-color:#2DC799; border-radius:2px; color:#fff; font-size:18px; line-height:52px; text-align:center; margin-bottom:15px}
.share_btn{ width:100%; height:50px; float:left; background-color:#FF936A; border-radius:8px; color:#fff; font-size:1.3em; line-height:50px; text-align:center; margin:20px 0 20px 0}
.post_w_btn{ background-color:#fff; border:1px solid #bfbfbf; color:#323232}
.post_fa_btn{ background-color:#FAFAFA; border:1px solid #EBEBEB; color:#96999E}
.del_btn{ background-color:#FF3649}
.alipay_btn{ width:100%; height:34px; padding:8px 0; float:left; text-align:center; border-radius:2px; background-color:#fff; margin-bottom:10px; border:1px solid #bfbfbf}
.next_book_btn{ width:100%; height:50px; float:left; border:2px solid #FF8651; border-radius:8px; color:#FF8651; font-size:1.3em; line-height:50px; text-align:center; margin:20px 0 20px 0}
.bbs_btn{ width:180px; height:32px; float:left; background-color:#4CD964; border-radius:30px; color:#fff; text-align:center; line-height:32px; position:absolute; left:50%; margin:10px 0 0 -90px}
.know_btn{ width:100%; height:50px; float:left; margin-bottom:45px; background-color:#2BC798; border-radius:6px; color:#fff; font-size:24px; line-height:50px; text-align:center}
.app_btn{ width:100%; height:50px; float:left; margin-bottom:45px; border:1px solid #2BC798; border-radius:6px; color:#2BC798; font-size:24px; line-height:50px; text-align:center}

.img{ width:100%; float:left; text-align:center}
.img img{ max-width: 100%}
.img_200 img{ max-width: 300%; margin-left:10%}
.img_ml_30 img{ margin-left:10%}

.block{ width:50%; float:left}

.sub_nav{ width:100%; float:left; height:39px}
.sub_nav a{ width:50%; height:37px; line-height:37px; text-align:center; font-size:16px; color:#666; float:left; padding-bottom: 1px; border-bottom: 1px solid #ddd}
.sub_nav a:hover, .sub_nav .cur{ color:#f02546; border-bottom:2px solid #f02546; padding-bottom: 0}
.sub_nav .wp_33{ width:33.3%}

.haoqing_nav{ width:100%; height:50px; float:left; position:relative}
.haoqing_nav .tit{ font-size:16px; color:#000; line-height:48px; float:left}
.haoqing_nav .buy_btn{ width:74px; height:26px; float:right; margin:11px 0; background-color:#f02546; border-radius:2px; color:#fff; font-size:16px; line-height:26px; text-align:center}
.haoqing_nav .buy_btn_100{ width:100px}
.haoqing_nav_box{ width:100%; height:50px; float:left; position:absolute; top:0; z-index:99990}
.haoqing_nav_fixed{ position:fixed; left:0}
.haoqing_nav_box_bo{ height:49px; border-bottom:1px solid rgba(0,0,0,0.2)}
.haoqing_nav_box_bg{ width:100%; height:49px; float:left; background-color:#fff}

.title{ font-size:24px; color:#2dc799; line-height:36px; text-align:center}
.sub_title{ font-size:12px; color:#323232; line-height:28px; text-align:center}
.retTitle{ width:100%; float:left; font-size:18px; color:#000; line-height:43px; text-align:center; background-color:#fff; background-position:15px -139px; border-bottom:1px solid #ccc}
.retTitle .delBtn{ width:16px; height:18px; float:right; background-position:0 -550px; margin:12px 15px 0 0}
.retTitle .delBtn.cur{ background-position:0 -500px}
.retTitle a{ color:#000}
.sub_retTitle{ font-size:12px; color:#888; line-height:28px; padding-top:7px}

.remark{ font-size:0.8em; color:#858585; line-height:16px; padding-bottom:25px}
.remark a.cyan{ color:#2CC599; text-decoration:underline}
.forPass{ font-size:1.0em; color:#727779; line-height:28px; text-decoration:underline}
.regForPass{ width:100%; font-size:12px; float:left; color:#888; line-height:24px}
.regForPass a{ color:#888}

.msg_box{ height:24px; background-color:#F30000; float:left; position:absolute; right:8px; font-size:12px; overflow:hidden; padding:0 8px; line-height:24px; border-radius:2px; color:#fff}
.countdown{ width:100%; float:left; text-align:center; font-size:28px; color:#777; line-height:30px; padding-bottom:25px}
.mask{ width:100%; height:1100px; float:left; color:#fff; position:absolute; overflow:hidden; top:0; left:0; background-color:rgba(0,0,0,0.4); opacity:0; display:none; z-index:9999990}

.f_l{ float:left}
.f_r{ float:right}
.ta_l{ text-align:left}
.ta_c{ text-align:center}
.ta_r{ text-align:right}
.dp_n{ display:none}
.clear{ clear:both}

.pt_0{ padding-top:0}
.pt_10{ padding-top:10px}
.pt_20{ padding-top:20px}
.pt_30{ padding-top:30px}
.pt_45{ padding-top:45px}
.pt_60{ padding-top:60px}
.pt_75{ padding-top:75px}
.pl_5{ padding-left:5px}
.pl_10{ padding-left:10px}
.pl_15{ padding-left:15px}
.pr_5{ padding-right:5px}
.pr_15{ padding-right:15px}
.pb_0{ padding-bottom:0}
.pb_10{ padding-bottom:10px}
.pb_20{ padding-bottom:20px}
.pb_30{ padding-bottom:30px}
.pb_50{ padding-bottom:50px}
.pb_80{ padding-bottom:80px}
.mb_10{ margin-bottom:10px}
.mb_30{ margin-bottom:30px}
.mb_50{ margin-bottom:50px}
.mt_5{ margin-top:5px}
.mt_15{ margin-top:15px}
.mt_20{ margin-top:20px}
.mt_30{ margin-top:30px}

.wp_20{ width:20%}
.wp_60{ width:60%}
.wp_100{ width:100%}


.plr_15{ padding:0 15px}
.plr_20{ padding:0 20px}
.plr_30{ padding:0 30px}
.plr_40{ padding:0 40px}
.ptb_30{ padding:30px 0}
.plrp_10{ padding:0 10%}

.plrp_5{ padding:0 5%}

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.15) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.15) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

@keyframes x_5{ 0%{ opacity:0; transform:translate3d(5%,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_5{ 0%{ opacity:0; -webkit-transform:translate3d(5%,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}

@keyframes y_60{ 0%{ opacity:0; transform:translate3d(0,60%,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_60{ 0%{ opacity:0; -webkit-transform:translate3d(0,60%,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}